uniapp设置背景颜色,uniapp标签选择器

　　Uni将颜色绑定到标签的方法：首先，为点击标签绑定点击事件；然后在点击事件中通过dom获取标签；然后用rgba改变标签颜色；最后，我们可以通过dom操作为标签动态绑定颜色。

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本教程运行环境：Windows10系统，uni-app v3版本，戴尔G3电脑。

　　推荐(免费):uni-app开发教程

　　uniapp实现点击标签，标签内容的颜色不断改变（vue也同样适用）

　　实施流程：

　　1.为此标签绑定click事件。

　　1.在click事件中通过dom获取标签。

　　3.用rgba改变标签颜色，设置三个变量，取随机值，

　　4.通过dom操作动态绑定标签颜色

　　5.在定时器中放3-4，(目的是实现点击后自动变色)

　　代码如下：

　　HTML:text @ tap= change color class= testone :style= { color:current } 单击以连续更改颜色/text

　　js:

　　changeColor() {

　　如果(this.isClick){

　　返回

　　}

　　this.isClick=true

　　let selector query=uni . createselectquery()

　　let abc=selectorQuery.select(。测试一’)

　　让那个=这个

　　setInterval(function() {

　　let first=math . round(math . random()* 255)；

　　设second=math . round(math . random()* 255)；

　　设third=math . round(math . random()* 255)；

　　Color=` rgba ($ {first}，$ {second}，$ {third}，1)`//注意，这里是模板字符串````。

　　that.current=color

　　}, 500)

　　}以上是uniapp如何将颜色绑定到标签的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。