追格小程序与WordPress网站变黑白色(灰色)的方法

追格官方小助手/ 2022年12月05日/ 小程序/ 浏览 1844

黑白色(灰色)在一些特殊的场景下可能会用的到,追格小编针对追格小程序分享个小教程,若有需求可以按下面方式修改,修改后的样子如下图。




WordPress网站变黑白色(灰色),早些时候小编也分享过一篇,可参考:
WordPress怎么全站变灰色(黑白色)


修改方法如下:


1、/client/style/main.css


在大概10行的下面增加以下代码:


.gray-light {
	filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);	
}


2、/client/pages/tabs/index/index.vue


二行位置的:


<view class="content"> 


改成:


<view class="content gray-light">


ps:若想实现半屏变黑白色,把相应的class,改成:gray-light 即可


若使用的较多,后续可做成独立模块,追格小程序插件模块市场在线安装启用即可。

发表评论

暂无评论,抢个沙发...

客服 工单