2
最近各大 app 都在置灰，有没有做过相关方案的老哥给解个惑
source link: https://www.v2ex.com/t/899637
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
这两天在观察各大 app 的置灰，发现挺有意思的。 例如 B 站、淘宝之类的 web 端是直接 filter 置灰整页的，但是 App 端却不一样。有的是只灰首屏高度（比如淘宝），有的是只灰头部容器（比如 B 站，有顶部置灰了。下面瀑布流是正常的），还有比如掌上生活首页灰，但是右上角消息的 tip 是红色的。想问问有做过相关方案的老哥，你们实现方案是怎么设计的哇。 我理解是这 2 种
- 本身就确定了需要灰的容器 /高度，只需开启是否置灰就可以了
- 可以自由配置，比如配置哪里灰、哪里不灰之类的 第一种很简单，就不用深入说了。主要是第二种，如果是可以自定义配置灰的区域 /容器 /高度等，一个是前端（ app ）如何处理后端给过来的配置，一个是后端的配置如何让运营的人员没有太多心智负担去使用呢？
我本身是纯 web 前端，没做过原生开发。如果是我去实现的话，大概有这几种思路：
- 根据配置动态修改 css ，比如不同的类型的容器有不同的公共 css ，假设叫 first_container 、second_container 、third_container 等等。根据后端返回的配置去动态修改某个容器的对应的 css 是否有 filter 去置灰。这样的话需要前期把这种容器层级分的比较合理，如果粒度细的话感觉挺麻烦的
- 根据容器 id ，选择要置灰的容器 id ，给到前端，前端根据 id 去置灰对应的容器。这样感觉比上面那个还要麻烦，但是粒度更细
- 用一个或者多个绝对定位的遮罩，盖在想要灰的地方。这种配置起来，就需要考虑不同设备的相对定位（自适应），感觉会很容易错位
都是发散想的，没有考虑具体细节。
有没有老哥给解惑一下，蟹蟹
第 1 条附言 · 33 分钟前
其实我的问题更可能偏向产品功能，具体实现肯定是 filter 之类的就可以了。 主要是如何能相对自由的控制以及对运营人员心智负担比较低。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK