当前位置: 首页 > ops >正文

高保真组件库:下拉框

第一步:制作下拉框

  1. 拖一个矩形:命名为”请选择“,边框颜色为灰色 DCDEE2,圆角半径4,鼠标悬停样式:边框颜色57A3F3,元件选中样式:边框颜色57A3F3,内容为”请选择“,文本颜色为浅灰色C5C8CE,左边距6。
  2. 拖拽一个向下箭头图标,宽8高5。
  3. 将矩形和图标组合在一起形成一个整体,命名为”下拉框组合“。

在这里插入图片描述

第二步:制作下拉选项

  1. 拖拽一个矩形,作为下拉选项的容器,边框E8EAEC,圆角2。
  2. 拖拽一个矩形,设置为无边框,设置鼠标悬停时填充F3F3F3,为每个选项添加单击事件:设置选中、设置矩形的富文本值为下拉选项[[This.Text]],复制多个下拉选项,并将多个矩形设置为选项组,并将所有下拉选项和矩形容器组合在一起,当单击每个选项时隐藏整个下拉选项。

http://www.xdnf.cn/news/12758.html

相关文章:

  • (一)单例模式
  • leetcode56-合并区间
  • 常见查找算法原理与应用详解
  • pandas 字符串存储技术演进:从 object 到 PyArrow 的十年历程
  • C语言内存管理和编译优化实战
  • Fetch API 使用详解:Bearer Token 与 localStorage 实践
  • LeetCode面试经典150题—合并两个有序数组—LeetCode88
  • 机器学习算法_决策树
  • OC—UI学习-2
  • Linux安全加固:从攻防视角构建系统免疫
  • [创业之路-410]:经济学 - 国富论的核心思想和观点,以及对创业者的启发
  • 【11408学习记录】考研写作双核引擎:感谢信+建议信复合结构高分模板(附16年真题精讲)
  • 【优选算法】位运算
  • Python Flask文件处理与异常处理实战指南
  • Boost ASIO 库深入学习(3)
  • DBAPI如何优雅的获取单条数据
  • 【RTP】Intra-Refresh模式下的 H.264 输出,RTP打包的方式和普通 H.264 流并没有本质区别
  • webrtc 在线测试, 如何在线拉流测试
  • 实战:如何用SCINet增强YOLOv8在低照度下的目标检测性能(附完整代码)
  • 从入门到实战:AI学习路线全解析——避坑指南
  • CMake指令:project
  • C++动态规划-01背包
  • shell批量添加新用户
  • uni-app学习笔记三十--request网络请求传参
  • 基于 llama-factory进行模型微调
  • android关于pthread的使用过程
  • 【CBAP50技术手册】#39 Roles and Permissions Matrix(角色与权限矩阵):业务分析师的“秩序守护器”
  • 横向对比npm和yarn
  • 基于Vue3.0的在线工具网站
  • 26考研——数据的表示和运算_整数和实数的表示(2)