手机版 欢迎访问人人都是自媒体网站

当前位置:主页 > 推广 >

Axure教程:增删标签功能的详细实现教程

时间:2021-04-29 09:27|来源:网络整理|编辑:|点击:

添加、删除标签的功能会在文章发表时为自己的文章贴上标签或者在网站后台管理时出现,增删标签主要通过中继器来实现,我们一起来实现一下~

 Axure教程:增删标签功能的详细实现教程

客官,热乎乎的效果图来啦

 Axure教程:增删标签功能的详细实现教程

修炼秘籍在此

1、中继器的创建和基础设置;中继器的作用是存放标签。

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

2、配置创建标签要用的输入框(即文本框)。

 Axure教程:增删标签功能的详细实现教程

3、配置文本框的交互:输入内容后,按下回车键就会在中继器中新建一个项(即新建了一个标签),并且清空文本框中的内容。

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

4、配置关闭按钮执行关闭的功能。

 Axure教程:增删标签功能的详细实现教程

5、神功已成,点预览自己试一试。

本文由 @萍萍仔 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!

赞赏

5人打赏

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

 Axure教程:增删标签功能的详细实现教程

Copyright © 2018 DEDE97. 织梦97 版权所有 京ICP