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

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

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

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

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

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

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

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

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

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

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

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

【原型效果】

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

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

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

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

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

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

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

【原型预览含下载地址】

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

相关推荐
领麦微红外12 小时前
告别进口依赖,FW系列打造远距离红外测温国产方案
产品经理·智能硬件
smartpi_ai15 小时前
自学习“放着不动“会自动退出吗?超时退出缺席的交互兜底、退出条件挂串口的状态联动设计
学习·microsoft·交互
CappuccinoRose17 小时前
Web Components 基础
前端·javascript·交互·web component·shadow dom
xy34531 天前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
做萤石二次开发的哈哈2 天前
海康班班通交互一体机技能接入实战:ISAPI透传+OTAP双协议封装,Web/App/小程序教学管理应用一站生成
前端·物联网·小程序·交互·萤石开放平台·蓝海aiot一站式工作台·aiot开发
LayZhangStrive2 天前
Agent开发 - 实现人类与Manus智能体的终端窗口命令交互
ai·交互·agent·react·终端·manus
yyt3630458412 天前
KLineChartQuant:GLSL 的精度问题及 RTC 解法
前端·vue.js·react.js·交互·图形渲染·webgl·数据可视化
Dream-Y.ocean2 天前
基于具身交互智能数字人,我用Flask搭了一个AI教学平台:课代表AI全流程实战
人工智能·flask·交互
励志不掉头发的内向程序员3 天前
【LibreCAD 2D架构】从鼠标点击到图形创建:RS_ActionDrawLine交互流程与状态机解析
开发语言·c++·qt·学习·系统架构·计算机外设·交互
Htr_3 天前
Reflexio 使用指南:让 AI 智能体从每次交互中持续学习
人工智能·学习·交互