1185907650 发表于 2021-4-29 10:46:15

火山PC标签组件2


本源码转载自利快云https://www.lkuaiy.com/


二 标签DIY⑥组件边框属性:组件边框属性有六种可选项,我们可以通过设置改变组件边框来达到不同效果,
我们可以将标签的组件边框属性设置为单线边框式,这样我们可以将其作为一个具有显示但不能输入和改变其中内容得编辑框来使用,如下图


https://www.lkuaiy.com/image/editor/16195782216245.png


我们还可以将边框属性设置为凸出式,来作为按钮使用,如下图


https://www.lkuaiy.com/image/editor/16195784044905.png


在某些情况下我们需要点击按钮后要将按钮的颜色改变一下,来提示被点击的按钮已选择,在点一下颜色恢复原样表示已取消选择,那么单纯的按钮实现不了,这样我们就可以用标签来实现,将组件边框设置为凸出式在配合标签的背景颜色属性来达到效果,如下图添加标签的事件“标签_鼠标左键被按下”这个事件,接着我们在该事件下写下对应的代码即可


https://www.lkuaiy.com/image/editor/16195789615504.png
https://www.lkuaiy.com/image/editor/16195789722589.png


这样我们鼠标左键点击一下标签标签背景颜色就会改变,就能达到和点击按钮一样的效果,在点一下恢复原来的颜色如下图


https://www.lkuaiy.com/image/editor/16195791463379.png


如上图,我们需要判断一下,标签初始我们不点时是默认色我们点一下变一下颜色,就得判断,如果是默认色我们就把背景颜色设置为红色,如果不是就把背景色设置为默认就可以了


https://www.lkuaiy.com/image/editor/16195799024610.gif



完......



大强 发表于 2021-4-29 11:27:48

消灭零回复,坐沙发学习……

wxmthh 发表于 2021-4-29 23:27:56

坐等透明标签

1185907650 发表于 2021-7-1 14:15:03

每日一顶:$
页: [1]
查看完整版本: 火山PC标签组件2