特殊时期,如何对APP页面颜色进行整体调整(哀悼日、灰屏)低版本适用

标签:

灰屏 哀悼日

本指南6.3.4以下版本适用,6.3.4及以上版本请参考一键置灰功能  操作指南:http://www.qianfanyun.com/help/1865


一、首页头部与底部

调整入口:APP管理后台 — 平台 — 平台服务 — 应用配置 — 布局配置 ,调整前建议先备份

1.修改导航栏背景色(需在后台手动调整,色值:#696969)

2. 修改底部tab图片(需在后台手动调整,可参考使用化龙素材包)

底部tab图标素材包

1669856608000.rar

3.修改底部tab文字选择颜色(需在后台手动调整,色值:#696969)

image.png


注意事项:更换后需要先保存再下发,ios及时生效,安卓需看排队情况,可能半小时后变化(不要多次点下发,测试包不需要下发)

(自助打包实时下发功能介绍:http://www.qianfanyun.com/help/1157

建议更换好后,备份下发配置,例如可取名“灰屏下发配置”。

下发的时候检查线上正式包版本和下发版本是否一致

下发版本查看

image.png

应用市场搜索应用查看版本:

image.png

出现找不到对应下发版本的情况,检查后台打包列表里面正式包,通过隐藏或开启进退版本下发版本

例:后台可下发版本仅显示为6.3.0,当前已上架版本为6.2.0,直接下发对当前在架版本不生效,可将后台未上架的6.3.0版本关闭显示审核按钮(点成黄色的),关闭后再下发,可选中6.2.0进行下发

image.png


二、首页内容

ec13942a1c7ad03874578a6838782f7.jpg

1.轮播图临时关闭或替换灰色图片

2.按钮导航,复制新模块,单独上传,线上原有模块临时关闭,结束后调换,不需要在原有的基础上替换

image.png

3.签到三栏、优选等模块,可下移至信息流中(不在首屏)或使用新图文模块代替或临时关闭(目前这类模块是跟随风格走的,无法修改)


灰色模块图标素材包

1669856794000.rar

1669858875000.rar


ps图片置灰方法(针对现有图片):
方法一:选择图像---调整--去色,或者按快捷键(shift+ctrl+u),就可以把图片直接变成黑色的颜色。
方法二:选择图像----模式--灰度,同样是可以把图片变成黑白色。
方法三:选择图像---调整---去色,就可以直接把图片变成黑白色了。

一个免费的素材地址及下载置灰图标的方法
网址:https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.45

企业微信截图_16698586937239(1).pngimage.png


4.右小角悬浮按钮,可能在布局配置内关闭,也可能在首页栏目里面编辑关闭(有缓存时间)

image.png


5. 分享红包的红色logo(暂不支持调整,可将相关内容下沉或取消相关功能)

image.png


6. 爆料有奖的角标(暂不支持调整,可将相关内容下沉或取消相关功能)

image.png


7. 首页信息流置灰

(建议先将3~4条信息置顶,并手动将封面颜色置灰,保证第一屏全灰;若当地主管部门有详细要求,则按要求执行)

image.png

8. 头像(暂不支持后台修改,可视自身运营情况,及当地主管部门的要求 调整用户头像修改权限)

9. 启动页底部logo(修改后须重新打包,但目前大厂基本没有对启动页logo进行调整,具体可视当地主管部门要求进行调整)

大厂没改.jpg




三、其他

1.论坛pc端如何进行灰屏处理

将以下代码插入在论坛后台设置下(后台--全局--seo设置--其他),网站就能变成灰色了,可以调整灰度比例,100%为最黑色。

<style>

body{

   filter: grayscale(100%);

   -webkit-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);

}

</style>

20221201164542.png