
一般情况下,我们在开发微信小程序时,是在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里修改样式注意微信小程序项目结构













