主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
本文的运行环境: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
评论前必须登录!
注册