全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[SEO公司销售]微信小程序实现点击按钮修改字体颜色的功能

  这篇文章主要介绍了微信小程序实现点击按钮修改字体颜色功能,涉及微信小程序wx●•▪:for循环读取data数值及事件绑定修改元素属性相关操作技巧,需要的朋友可以参考下

  本文实例讲述了微信小程序实现点击按钮修改字体颜色功能。分享给大家供大家参考,尚志市小程序开发哪家好具体如下▼…-:

  1◁▷★□、效果展示

  2、明光市小程序开发哪家好关键代码

  index▷•☆.wxml文件

  

 

  

<view class="◁◇=;view" style="color:{{color}}"…★■•;>我是view标签</view>
<view style="★○▽;display:flex;"▼▼;> 
 <block wx…★★□:for="{{colorArray}}" wx•●▷◇:key=""◆□=; wx:for-item="Color">…▲;
 <button class="btn" style="background:{{Color}};"▷△■; type="○▪■=;default"▷○; bindtap="bindtap{{index}}"></button>
 </block>
</view>

 

  这里使用bindtap="▲□◁▲;bindtap{{index}}"▪▼••;绑定事件动态修改style="color…=◆:{{color}}"中的颜色值。

  index.js文件

  

 

  

var pageData={}
pageData.data={
 color☆◁▷■:'black'•◆△•,
 colorArray:['red','◆▷●▲;blue'△○◇△,'yellow'◁△•,'green'▼▲;•▽…,'black'=●;]
}
for(var i=0◁▲;i<5;++i){
 (function(index){
 pageData['bindtap'+index]=function(e){
 this.setData({
 color:this△▷.data.colorArray[index]
 })
 }
 })(i)
}
Page(pageData)

 

  以上就是本文的全部内容,希望对大家的学习有所帮助,[SEO公司销售]更多相关内容请关注PHP中文网◇▼=!26 2020.10 [朔州seo公司首推久澳]如何在小程序中使用腾讯视频插件 开发小程序项目中需要用到视频服务,若是用自己的服务器来播放会产生很大的开支▪●,这时我们可以使用小程序的腾讯视频插件,在页面中引用腾讯视频即可。白山市小程序开发哪家好 如何在小程序中使用

  相关推荐▽○▼:

  微信小程序中video组件的介绍
 

  微信小程序之获取当前位置经纬度以及地图显示
 

  

 

  以上就是微信小程序实现点击按钮修改字体颜色的功能的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[SEO公司销售]微信小程序实现点击按钮修改字体颜色的功能

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。