微信小程序怎么改变picker-view的背景颜色

微信小程序怎么改变picker-view的背景颜色,第1张

使用乱裂 page 标签选择器,可以修改顶层哗升闭节点样式 page { display: blockmin-height: 100%background-color: red}使用 page 标签选择器笑尘,可以修改顶层节点的样式page { display: blockmin-height: 100%background-color: red}

Tarok可能不太了解,可以参考以下代码为正常微信小程序:

index.wxml:

<view style="background:{{bgcolor}}height:100rpxwidth:100%" 

bindtap="含巧changecolor">......</view>

index.js:

const app = getApp()

Page({  族核

  data: {

    bgcolor: "green"        

  },

  onLoad: function(){

    

  },

  changecolor:function(){

 谈穗键   this.setData({

        bgcolor:"red",

    })

  }

})

点击view变红色

谢谢采纳

第一步,把要改变样式添加到相应js文数销明件的全局变量中,如: data : { color : '#000' }

第二步,将变量绑定到view中,如:<view style="color:{{color}}">

第斗弯三步,在view中添加事件,如: bindtap="changeColor"

第四步,在薯告相应js文件中添加该自定义方法:

, changeColor: function(e){

this.setData({ color : '#fff' })

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12389691.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-23
下一篇2023-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存