ページグレー

使用シーン

この例では、ページのグレーアウトを実現する方法を紹介します。

機能を実現する

ページ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);
})();
// 结束复制

効果を実現する

オンラインで試遊する