【Axure高保真原型】标签分类管理

今天和大家分享标签分类管理的原型模板,效果包括:

  • 点击树元件里的箭头可以展开或者收起子分类;

  • 点击搜索按钮,输入内容后可以快速筛选分类节点;

  • 点击选中分类节点,右侧显示对应的分类详情;

  • 点击修改按钮,可以修改选中分类节点的名称;

  • 点击增加子节点按钮以在选中分类节点后增加子分类节点,最高6级;

  • 点击增加同级节点按钮可以在选中分类节点后增加同一级的分类节点;

  • 点击删除按钮可以删除选中的分类节点,如果有子分类节点,也会一同删除;

  • 右侧分类详情可以修改分类说明

  • 上述新建节点会自动更新创建人和创建时间,修改后会自动更新最后维护人和维护时间

左侧的树是通过中继器制作的,使用简单,只需要按要求填写中继器表格即可,案例中最高6级树,具体效果可以观看下方视频或者打开预览地址体验。

【原型效果】

【Axure高保真原型】标签分类管理

展开和收起子级分类------点击箭头可以展开或者收起子分类;

搜索------点击搜索按钮,输入内容后可以快速筛选分类节点;

修改分类节点------点击修改按钮,可以修改选中分类节点的名称

添加子分类节点------点击增加子节点按钮以在选中分类节点后增加子分类节点,最高6级

添加同级分类节点------点击增加同级节点按钮可以在选中分类节点后增加同一级的分类节点

删除分类节点------点击删除按钮可以删除选中的分类节点,如果有子分类节点,也会一同删除

【原型预览含下载地址】

https://axhub.im/ax9/ac73b98a296b6a85/#g=1\&p=标签分类管理案例

相关推荐
梓贤Vigo4 小时前
【Axure视频教程】自制上传按钮
交互·产品经理·axure·原型·教程
好开心336 小时前
javaScript交互案例2
开发语言·前端·javascript·html·ecmascript·交互
xChive6 小时前
优化表单交互:在 el-select 组件中嵌入表格显示选项
前端·vue.js·交互·element-plus
我码玄黄8 小时前
Figma入门-设计过程基本操作
产品经理·figma·交互设计·原型图
Jing_jing_X10 小时前
心情追忆-首页“毒“鸡汤AI自动化
java·前端·后端·ai·产品经理·流量运营
jjyangyou1 天前
物联网核心安全系列——智能汽车安全防护的重要性
算法·嵌入式·产品经理·硬件·产品设计
陪学1 天前
AI时代,百度的三大主义
大数据·人工智能·百度·产品运营·互联网·生活·产品经理
前端郭德纲1 天前
React Native的界面与交互
react native·react.js·交互
招风的黑耳2 天前
Axure智慧社区数据可视化大屏模板
axure·数据可视化·智慧社区
好开心332 天前
javaScript交互案例
开发语言·前端·javascript·html·ecmascript·交互