多个el-upload组件上传_自学Axure9-线框图组件DAY3

通用型组件:图片组件、标题组件、标签组件和文本组件、矩形组件和占位符组件、水平线和垂直线组件、热区组件

a1659c1562d46be0fb2cdd6c222f65dd.png

标签组件和文本组件:如果是单行文字选择标签组件,多行文字选择文本组件

矩形组件和占位符组件:可以用它们做横向或纵向的菜单,也可以使用它们做背景图,占位符组件更强调占位作用

矩形组件:填充颜色当背景图、改变形状、做表格、制作按钮、做导航菜单

38b9d3682a3380829c7d22daf41af6b6.png

矩形组件改变形状:右键选Select Shape

4d0d57399882fcecc0d0d8988a8c84fd.png

938451c12af4c5ae2915a72b848e6e7f.png

水平线和垂直线组件:分割区域、设计成箭头样式显示

热区:比如某购物网站上的图片,左面是裙子右面是衣服,我们就想知道裙子或者衣服单个商品的信息,就可以用热区添加两个锚点,在制作移动APP使用很多。

表单型组件文本框(单行输入框)、多行文本框、下拉列表框(下拉菜单)、列表框(可以显示出下拉选择的内容)、复选框(允许选择多个)、单选按钮

847dd8b576dfa067e91d82d5cb27167a.png

文本框组件:

1、当文本框类型选择Text时候,右键点击提示信息可以输入元件提示,在这里输入的文字只有当鼠标移到元件上的时候才会显示出来。

d2371a91470a40e307d71e3999063a16.png

9f1cd05b636f655c9e445ddfd75be3e2.png

71d74983ff59610594154e8470577ecc.png

还可以设置允许输入最长文字数、只读和禁用模式

856b4a4c7cb971db9b7ef865d3a97662.png

2、当文本框类型选择密码时候,输入的文字会隐藏起来。

a274c8217329315133d2aa637643f536.png

ee04accb879761ac8c486c2106790c9e.png

3、当文本框类型选择Number(数值)时候,只能输入数字,如果输入字母的话输不进去

4、当文本框类型选择文件时候,可以上传文件

e56578b7046421523081ee78a0f6fde4.png

下拉列表框和列表框:

下拉列表框每次在页面上只显示一个菜单也只允许选中一个下拉菜单,双击下拉列表框可以新增列表项,可以添加列表项、向上或向下移动列表项、删除列表项、添加多个列表项,还可以在前面勾选默认显示列表项,每一行作为一个列表项,

3eb6045a2bd6936a9b2d095f9a0a294e.png

列表框和下拉列表框大致一样,但是可以在下面勾选允许选中多个选项,发布之后按住ctrl可以进行多选

a7eb2f004706dfea15e0765dc6130105.png

复选框和单选按钮:

复选框可以用于像兴趣爱好等需要选择多个的地方,如果勾选选中预览的时候就会显示出来已经选中,还可以选择复选框居左或者居右,还可以选择禁用

5c55d67b94f44d5c36e36750b26b081c.png

单选按钮可以用于像性别这种只能选择一个的地方,但是如果想在男女中只能勾选一个,必须把他们两个扩起来之后点击右键选择设置单选按钮组,然后设置一个组名,然后在男女中才只能选择一个,如果不设置单选按钮组会出现两个都可以选择的情况。

c71ee6560c4b68fef92984e09758d9c3.png

cccbf745177cb931776365572b66ccd2.png

菜单和表格组件:树(用来设计功能树或其他有层次的结构)、表格、水平菜单、垂直菜单(可以用来制作导航菜单)

树:右键可以添加子节点和同级节点,还可以移动、删除、设置图标

c6d04310e742005188a5b617ebfc5eda.png

右侧可以设置交互样式

fa382eec56abf8b3edcb60aa82353e8d.png

点击完鼠标悬停交互样式如下图所示

16c6e4c327164bf13e677371c2f68685.png

表格:右键可以设置下面这些,交互和树的方法一样,都是在右侧操作。

30577be61e62f82fc595b75cfb4eb293.png

菜单:右键可以设置下面这些,编辑菜单填充设置的就是下图指出来的边框,可以增加可以减小。

e9b2575acfb971d7cec01db3f1cd0fc2.png

问题:

很奇怪,树和表格都是你选中哪个就可以设置那个地方的交互效果,但是菜单只有下图红框中设置才能达到选中哪个设置哪个的效果,如果点击+More,他就会把同级菜单和子菜单都设置成那个格式,这是为什么呢?

0c977c1b2e2678436da3b47c6ae1b0b4.png

38df8c660257e9d397999ff49497c6c2.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值