微信小程序 切换主题色

项目的需求是: 根据后台返回的配色信息,前端根据返回配色信息进行配色全局引用到小程序

百度和Google查了一番,都只查到用添加中隐拿类的方式,但是不满足需求,因为类里面的颜色都是写死的,我是想要样式动态,最后无奈想到全局变量的方式解决切换主题

具体实现:(在app.js文件中将小程序主题加载完成)

改变tabbar(我这里只改的图标颜色,如需改变背景色,可添加修改背景样式进行卖搭修改)

页面实现改变主题色:

组件中实现改变主题色:(大致都是一样的处理方式)

总结: 这种方法虽可以改变主题,但是也是有缺陷,比如每个页面去添加行内样式和每个页面去改变导航栏主题色,都是比较繁琐和麻烦的,而且页面改变导航栏主题色的时候,会有瞬间闪屏(真机上展示效果比编辑器好携茄多了,所以闪屏问题还算能接受),但最后实现了项目需求,也还不错.如你有更好的的方式方法,请留言告知,相互学习才能更快进步.

在Symbol微信小程序中，可以通过「Component」洞悉面板中的「Style」属性调整元素的颜色，也可以在「Symbol」面板中直接更改元素颜色。此外，可以通过在代码栏中输入style等语言，以及输入相应的颜色代码，来实现颜色磨颤扒调整的功能。瞎昌

格创校园跑腿小程序发行至今一直受到用户们的广泛喜爱，咨询了历升解的人数也是越来越多，非常感谢大家长期以来对我们的信赖和支持。

2022年，我们将迎来格创跑腿的全新改版——格创跑腿独立版，不一样的页面，不一样的功能，不一样的展示，不一样的体验，即将带给大家全新的视觉新鲜感。

很多人可能会有这样的疑问：之前的版本和独立版有什么区别吗?下面我们就从几方面来给大家做详细介绍。

1、小程序的页面

之前的版本，大都是以橙红色为主，页面简洁明了，配色清新好看，很多用户都非常喜欢，比较适合年轻人使用。独立版的页面在原有的基础上做了部分整改，配色更加美观大方，并且内容版块布局合理，页面看起来更有条理，富有美感，整体色彩也更加吸引人，可以给人留下深刻印象。

2、小程序的首页

熟悉我们产品的用户们都应该知道，之前的版本首页主要分为了四大模块：跑腿功能模块、校园市场模块、排行榜模块和订单列表模块。而独立版的格创跑腿小程序首页将跑腿功能模块和校园市场模块合二为一，并且取消了原来的订单列表模块，增加了热门圈子模块，迹烂冲而且多了一些商家展示功能，更加方便用户查看。

3、食堂超市

之前下单时，流程是先点击首页的“食堂超市”，然后进入下单页面，点击中间的“选择商家和商品”才能进入商家列表页面，不方便查找。而独立版的则是更名为“外卖超市”，点击进去之后首先能看到商家列表，对商品做了分类，并且会推荐附近商家，用户们也可以在搜索框内搜索想要的商家，然后再进行选择、下单，使用起来更加方便，商家也能很好地展示、营销。

4、热门圈子

在独立版的格创校园跑腿小程序中，将之前的校园圈子做了全新的升级，首先是更名为了“热门圈子”，并且将“二手市场”“失物招领”版块纳了进来，划分了分类进行展示，包括“校园表白姿歼”、“游戏代练”、“影视摄影”、“运动健身”等等，更加方便用户查找感兴趣的圈子。在圈子中，增加了“打赏”、“关注”、“置顶”等功能，内容更加丰富，更加吸引用户注意力，更加贴近校园生活。

除了上面提到的内容，在其它地方也做了升级处理。底部导航处除了“首页”、“订单”、“我的”，还增加“圈子”页面，更加方便点击查看在“我的”页面，整个页面的布局也发生了变化，版面划分更加清晰，内容也更加丰富。

此次小程序的改版，更加方便用户观看 *** 作的同时，也更加贴近校园，更加适合大学生日常生活。我们相信，格创校园跑腿独立版，一定会给用户们带来一场全新的体验。

---