微信小程序> 微信小程序怎么在js里修改样式-小程序js样式yo

微信小程序怎么在js里修改样式-小程序js样式yo

浏览量:1615 时间: 来源:you23hai45
微信小程序怎么在js里修改样式

一般情况下,我们在开发微信小程序时,是在wxss文件中定义元素的样式。如果在js文件中修改样式,该怎么处理?

工具/原料

1.微信小程序微信小程序开发工具WPS截图工具


方法/步骤

2.打开微信小程序开发工具,新建一个wxml文件,并添加view和button,设置样式并绑定字体颜色变量

3.打开对应页面的js文件,在data对象中初始化变量color

4.在生命周期函数onLoad中,使用this.setData({color:'#000'})

5.保存代码并刷新,查看左侧模拟器对应页面模块,看到按钮字体颜色为黑色

6.再在页面代码style中,添加font-size并绑定变量fontSize

7.再在data对象中初始化变量fontSize,然后在onLoad中给fontSize赋值

8.再次保存代码并查看左侧模拟器,可以查看到字体变大了


总结

9.1、页面动态绑定样式变量2、data对象中初始化变量3、生命周期函数变量赋值4、保存代码左侧查看效果


注意事项

10.注意微信小程序怎么在js里修改样式注意微信小程序项目结构

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎