VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

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

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

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

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

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

applet用js修改css的方法;

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

e03ea57a1d1e211a0d7c05e53862524.png

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

ed7bf78a7520c28f1a2347973433a0f.png

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

ca234b44585ffc77c0c7defe4f646f5.png

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

6d68508c8df6a842943a1d8639422a1.png

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

5be2b7b58bf95880ab58695f0f1be0c.png

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

818e3583b41ba127554a28c16262c1c.png

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

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

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

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何用js修改css(微信小程序修改器教程)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!