下拉选择

下拉选择是一种常见的交互式界面元素,可对预设选项进行单选或多选,支持对子选项添加交互,常用于制作菜单、筛选器等场景。

创建下拉选择

  • 在“资源库-基础资源-表单”中,选择“下拉选择”拖拽到画布。

创建下拉选择@2x.png

切换单选/多选

  • 选中下拉选择,在上方的浮动窗格中,点击「类型」选项进行切换。

单选:最多可选择1个预设选项。

多选:可选择任意个预设选项。 下拉选择-切换单选多选@2x.png

编辑下拉选择

编辑提示语

  • 选中下拉选择,在上方的浮动窗格中,点击「编辑」按钮,可修改提示语的内容与颜色,支持选择隐藏提示语。

  • 或双击提示语,进入编辑状态进行编辑。

下拉选择-编辑提示语@2x.png

编辑选项

  • 选中下拉选择,在右侧属性栏中的“选项”区域,点击选项名称进行编辑。

  • 或双击选择名称,进入编辑状态进行编辑。

下拉选择-编辑选项@2x.png

增加或删除选项

  • 选中下拉选择,点击右侧属性栏中“选项”区域的“ + ”号增加选项,点击“ - ”号删除选项。

选择回显

回显是指在重新打开下拉选择框时,系统会自动显示当前选中的选项。

  • 点击属性栏“选项”区域的回显开关,即可打开回显。

下拉选择-开启回显@2x.png

调整行高/列宽

  • 选中下拉选择,拖动外侧边框即可调整行高/列宽。

  • 或在属性栏直接输入行高与列宽的数值。

注意:当选项栏展开时,属性栏的高度代表下拉选项整体高度;当选项栏收起时,属性栏的行高仅代表单行高度。

修改行高时,选项框、空隙、选项列表的高度将等比更新。 下拉选择-调整宽高@2x.png

设置颜色

  • 在右侧属性栏中,使用“文字体”区域调整字体、字重、字号、字符间距等。

  • 在“填充”中设置背景颜色。

  • 在“描边”中设置边框颜色和粗细。

下拉选择-设置颜色@2x.png

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。