小程序如何用js修改css

本文的运行环境:Windows7系统、2019版微信小程序开发工具和戴尔G3电脑。

相关免费推荐:小程序开发教程

applet中用js修改css的方法：

1.打开微信小程序开发工具，新建wxml文件，添加视图和按钮，设置样式并绑定字体颜色变量。

2.打开相应页面的js文件并初始化数据对象中的变量color。

3.在生命周期函数onLoad中，使用this . setdata（{ color:‘# 000‘}）。

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

5.在页面代码样式中，添加font-size并绑定变量fontSize。

6.初始化数据对象中的变量fontSize，然后在onLoad中为fontSize赋值。

7.再次保存代码并查看左侧的模拟器。你可以看到字体变大了。

这几篇文章你可能也喜欢：

• 如何用js修改css(微信小程序修改器教程)

本文由主机参考刊发，转载请注明：小程序如何用js修改css https://zhujicankao.com/118746.html