微慕小程序基础教程:如何修改小程序头部的默认颜色?12种颜色可选

 懿古今   2022-11-05 08:47:50 发布  技术文档

很多WordPress站长使用微慕小程序开源版构建微信小程序后觉得头部的默认颜色都是蓝色太过千篇一律,所以就想要修改为其他颜色。据了解,用户可以在小程序 - 我的 - 定制主题 - 强调色中选择其他颜色,选择之后小程序头部的颜色也就跟着改变了。

如果是想要修改微慕小程序头部默认的颜色,只需要使用微信开发者工具打开小程序源码 - 打开utils/uiconfig.js文件 - 将第6行代码中的“blue”改为其他颜色名称即可。具体如下图所示:

微慕小程序基础教程:如何修改小程序头部的默认颜色?12种颜色可选 - 第1张 - 懿古今(www.yigujin.cn)

特别提醒:将“blue”改为其他颜色名称是不能随意的,必须是“定制主题”中的12种名称之一。颜色名称可选:

  • red
  • orange
  • yellow
  • olive
  • green
  • cyan
  • blue
  • purple
  • mauve
  • pink
  • brown
  • grey

修改好颜色名称后保存文件即可看到小程序头部颜色变成所设置的颜色了,最后上传代码、审核及发布即可。这样用户打开我们的小程序默认就是我们所设置的颜色了,如果对方不喜欢还可以通过“定制主题”自行选择颜色呢。

本文地址:https://www.yigujin.cn/5363.html

您可能感兴趣的文章

文章标签: ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论