微信小程序自定义颜色变量,以及如何使用wxss变量

2021-07-08   阅读:272   分类:后端    标签: 微信小程序

导语:开发小程序过程中,我们如果经常会用到同个颜色或者字体大小,为了方便维护和修改,我们可以使用变量来调用,后期修改和维护也方便。

1、首先在全局样式文件app.wxss下创建我们的颜色变量

page{
  /* 定义主体颜色 */
  --themeColor:#f65551;
  /* 定义统一的字体大小 */
  font-size:28rpx;
}

2、 使用样式变量

view{
  color: var(--themeColor);
}

这里我们在index页面的index.wxss中使用var(--themeColor)来使用我们的上面定义的变量


‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/adetail/730.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(0)

登录
简忆博客壁纸 头像

简忆博客
勤于学习,乐于分享。

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×