多个el

您所在的位置:网站首页 el-tree默认选中指定的两个节点 多个el

多个el

2023-04-17 22:19| 来源: 网络整理| 查看: 265

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

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

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

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

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

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

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

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

文本框组件:

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

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

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

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

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

下拉列表框和列表框:

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

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

复选框和单选按钮:

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

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

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

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

右侧可以设置交互样式

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

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

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

问题:

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3