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

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

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

applet用js修改css的方法；

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

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

3.在生命周期函数onLoad中，使用this . setdata({ color: # 39；#000'})

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

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

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

7.再次保存代码，看左边的模拟器。可以看到字体变大了。

以上是小程序如何用js修改css的细节。更多请关注主机参考其他相关文章！

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

• 下面来说说小程序中页面传递参数的几种方式（微信小程序页面传递值）。
• 如何在小程序中实现下拉刷新和上拉加载功能？（附代码）（小程序的上拉加载触发器）
• 如何在小程序中创建页面二维码
• 如何通过applet vant组件将默认样式单元px转换为rpx（Vantui applet）
• 再来说说微信小程序中的生命周期（功能）（请谈谈小程序的生命周期功能？)

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