UIOTOS文档 初体验:不规则按钮 |页面嵌套 零代码 低代码 0代码 无代码 iframe 数据大屏 web组态 前端框架 | 致敬amis cod

82 阅读1分钟

注意:本文为自动抓取供AI学习!!格式未经调整,点击[查看原文档](www.yuque.com/liuhuo-nc80… 《初体验:不规则按钮》)!

效果

通常按钮为方形,将不规则图形图片按钮结合,能实现不规则外观。或者说让任意图形,具备点击交互功能。如下所示: 20240827160931_rec_.gif 在线编辑(登录后完整功能)

步骤

新建页面

略。参见1新建。命名为"任意绘制按钮"

拖入组件

拖入图片按钮组件、信息提示函数 image.png 信心提示函数设置输入(组)设置"您点击了图片按钮" 提示类型选择提示 image.png 完整步骤如下: 20240827162838_rec_.gif

新建部件

  1. 点击左下角按钮切换到image.png模式。
  2. 组件-其他-更多,右键新建部件,并命名。

image.png

3. 绘图

  • 左下角切换到image.png模式,
  • 选择不规则图形(组件-绘图)绘制,并填充背景色

完整步骤如下: 20240827143937_rec_.gif

粘贴路径

不规则图形页面路径粘贴在图片按钮图标路径中。 20240827162704_rec_.gif

连线

按钮触发函数执行无关联属性(图片按钮)→ 执行信息提示20240827162752_rec_.gif


至此,设置完毕,可查看最终效果

官网:www.uiotos.net/ 项目源码:gitee.com/uiotos/uiot…