跳到主要内容

实用工具 - 页面置灰

1. 使用场景

本例介绍如何在宜搭中如何实现页面置灰。

2. 实现功能

2.1 在页面 JS 中加入页面置灰代码

// 复制此代码到对应页面的设计器动作面板里
(() => {
const style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `
html, body {
filter: grayscale(100%) !important;
-webkit-filter: grayscale(100%) !important;
-webkit-filter: grayscale(1) !important;
}
`;
document.head.appendChild(style);
})();
// 结束复制

3. 实现效果

4. 在线试玩

Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4