小程序如何用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.再次保存代码并查看左侧的模拟器。你可以看到字体变大了。

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

• 如何实现小程序发送服务通知（小程序如何主动向用户发送通知）
• 如何获取小程序的unionid（如何获取小程序的页面路径）
• 生成海报的示例小程序（Java后端）（微信小程序生成海报演示）
• 什么是小程序？ 有哪些功能？（什么是小程序？有哪些功能？）
• 介绍如何用小程序生成参数二维码（二维码+小程序参数）

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