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

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

• 关于如何在Mini程序中创建页面QR码的简要说明（如何为Mini Program Page生成QR码）
• 如何将Mini程序中Vant组件的默认样式单元PX转换为RPX（Vant开发applet）
• 让我们来谈谈微信小组的生命周期（功能）（微信小组生命周期功能，其功能和呼叫订单）
• 简单地分析了微图和亲子成分中插槽之间的某些通信方法（微型图的父组成部分将值传递给子组件）
• 如何在迷你程序中封装网络的次级胶囊请求

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