Axure: 控制台框架_形式1

本控制台框架的布局包括顶部导航栏、左侧侧边栏和主内容区。 框架的顶部导航栏和左侧侧边栏中的交互已由代码实现,其中的数据已由中继器记录,即使用者只需在中继器中填写文本、添加图标和指定链接即可实现控制台的交互和链接跳转,而使用者只需要负责自己的内容工作。

本组件视频介绍

本组件商品链接

1、控制台框架布局说明

2、配置左侧侧边栏的菜单

  • 为菜单中继器添加数据
  • 点击Axure"预览"按钮,预览结果

3、配置顶部导航栏的快捷按钮

  • 为快捷按钮中继器添加数据
  • 点击Axure"预览"按钮,预览结果

4、配置用户信息的下拉菜单

  • 为用户下拉菜单中继器添加数据
  • 点击Axure"预览"按钮,预览结果

5、配置公司信息和用户信息

  • 更改公司信息和用户信息
  • 点击Axure"预览"按钮,预览结果

6、配置内容显示形式

  • 更改中继器的navigationMode字段
  • 点击Axure"预览"按钮,预览结果

"套餐"显示形式如下图

"消息"显示形式如下图

"规则"显示形式如下图

"淘宝店铺"显示形式如下图

7、配置交互方式

  • 更改中继器的triggerMode字段
  • 点击Axure"预览"按钮,预览结果

8、配置弹窗关闭方式

  • 对"点击按钮关闭弹窗"进行配置
  • 点击Axure"预览"按钮,预览结果
  • 对"移出弹窗关闭弹窗"进行配置
  • 点击Axure"预览"按钮,预览结果

9、配置默认菜单

  • 更改中继器的defaultSelected字段
  • 点击Axure"预览"按钮,预览结果
  • 其他说明

若中继器中都没填写"1",则会将首个叶子行设为默认菜单;

若中继器中多个行填写"1",则会将首个填写为"1"且是叶子的行设为默认菜单。

10、操作手册下载链接

操作手册包含了必要配置和修改样式等操作说明。

点击查看本组件操作手册

相关推荐
招风的黑耳2 小时前
Axure高保真原型智慧社区管理系统框架模板
axure·原型·智慧社区·高保真
招风的黑耳9 小时前
SpringUI:重塑Web原型设计体验的全交互高保真元件库
交互·axure·原型
招风的黑耳1 天前
智慧设备管理综合系统PC端Axure原型
axure·设备管理·原型系统
招风的黑耳1 天前
【Axure高保真原型】120页移动端高保真数据可视化模板
axure·数据可视化·移动端
招风的黑耳1 天前
基于Axure与Element UI风格的左滑删除行表格设计
axure·表格
仪***沿2 天前
基于跟踪微分器的智能车辆加速度闭环控制 采用跟踪微分器对加速度进行辨识,并对加速度进行闭环控制
axure
繁星流动 >_<3 天前
AXURE中继器使用:列表【新增】【编辑】【删除】
axure
招风的黑耳4 天前
基于 Axure 与 Element UI 风格的拖动列调整位置表格设计
axure·element·表格·拖动列
梓贤Vigo4 天前
【Axure原型分享】卡片排序
交互·产品经理·axure·原型·中继器
招风的黑耳4 天前
基于 Axure 与 Element UI 风格的拖动行排序表格设计
elementui·axure·表格·拖动