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、操作手册下载链接

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

点击查看本组件操作手册

相关推荐
xy34533 天前
Axure 9.0 列表框 介绍
ui·axure·原型·产品设计
xy34533 天前
Axure 9.0 内联框架加载方式
前端·ui·html·axure·原型·产品设计
汉派日月土申10 天前
【移动元件库】8.时间轴
产品经理·axure
结构化知识课堂13 天前
Axure产品原型设计:AI能画原型了,为什么你还得懂这些术语?
人工智能·axure·原型设计·ai产品经理
xy345317 天前
Axure 9.0 动态面板基本操作
前端·ui·html·axure·原型·产品设计
结构化知识课堂18 天前
AI产品设计思维:需求分析的新变化(与传统软件的区别)
人工智能·产品经理·axure·需求分析·ai产品经理·数据产品经理
xy34531 个月前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
xy34531 个月前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
xy34532 个月前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
xy34532 个月前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计