微信怎么设置主题皮肤和气泡

微信怎么设置主题皮肤和气泡,第1张

以微信8.0.19为例,微信主题气泡进入小程序搜索气泡主题下载。分为5步,具体步骤如下:

华为p40

EMUI 10.1

微信8.0.19

1、打开微信APP,点击底部发现,选择小程序。

2、点击右上角的搜索图标,输入气泡主题并点击进入。

3、进入页面,选择气泡主题。

4、进入页面,选择获取链接选项。

5、选择前往下载回复1,发送后,点击立即下载即可。

老规矩,先上效果图

个人对夜间模式这个功能情有独钟

晚上黑灯瞎火的看手机,屏幕亮度就算调到最低依然很是刺眼呀

所以我一直用某浏览器,因为有夜间模式

言归正传,依然是分析功能点

1.点击按钮,切换一套css(这个功能很简单)

2.把皮肤设置保存到全局变量,在访问其它页面时也能有效果

3.把设置保存到本地,退出应用再进来时,依然加载上次设置的皮肤

先从切换开始吧,switch很少用,还是贴一下吧

按钮功能OK了,现在我们去写样式

像这种黑的风格的皮肤,大背景色用#000

小背景用#333,文字用#999吧,我也懒得用取色器了

既然需要一套皮肤,那我们就去文件夹外面写一个样式文件

就新建一个skin目录,下面写一个dark.wxss吧

然后

我们把普通模式下的wxss复制一份,贴进来

把和颜色有关的属性留下来,其它删除

像background呀,border,color等。。其它统统不要

最后发现就剩这么点了。。

大家发现,我这些样式名称都有dark-box

这个dark-box就是最外面,也是最大的盒子(除了默认的page哈)

my-box是普通模式,dark-box就是夜间模式

当然你也可以在写一个皮肤样式,黄、红、蓝。。。

现在这个写法,我们只用控制变量 skinStyle的值就能改变皮肤样式了

我们还能写个blue-box的皮肤,然后设置变量为skinStyle为blue就行了

还有关键一步,在wxss文件中把这个皮肤文件引入要显示的页面

接下来第二步,这就简单了。。

设置到全局变量嘛,先getApp(),然后传过去就行了

现在在访问其它页面的时候,dark皮肤也会传进去

我只写了一个页面哈,所以只有这个页面会有变化

现在第三步了,保存到localstroge中

完了吗?并没有。。

我们要在程序打开时就获取皮肤设置

所以要在app.js去get与皮肤相关的信息

现在我们设置黑色皮肤,然后退出,进去之后不是黑色

因为我们在页面加载时没设置

现在再来看看

结果按钮的状态是关闭,皮肤却是开着

因为开关重置了

这个就交给大家自己解决啦,启动时判断一下就OK啦

需要源码的话我再上传吧

1、首先我们点击进入微信,然后我们可以看到上方有搜索选项,我们点击小程序选项。

2、然后我们在搜索框输入微信游戏六周年,我们就可以看到下方有小程序出现。

3、然后我们可以看到有一起庆生,扫出惊喜,我们点击马上扫礼物。

4、然后我们需要按照他们的提示来扫相应的物品,我们就可以找到相应的碎片。

5、然后我们就可以看到找到了在哪里隐藏的礼包,我们点击去查看。

6、我们就可以看到有3号拼图,一共有四个拼图,所以我们集齐就可以免费兑换王者荣耀的皮肤了。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/12074253.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-20
下一篇2023-05-20

发表评论

登录后才能评论

评论列表(0条)

    保存