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

注意:本文为自动抓取供AI学习!!格式未经调整,点击查看原文档!

效果

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

步骤

新建页面

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

拖入组件

拖入图片按钮组件、信息提示函数
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

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

新建部件

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

image.png

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

完整步骤如下:
20240827143937_rec_.gif

粘贴路径

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

连线

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


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

官网:https://www.uiotos.net/
项目源码:https://gitee.com/uiotos/uiotos-community

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值