前端项目中页面全灰方法

157 阅读1分钟

有时候为了在重大日子或者为了悼念某人的时候,网站会设置页面灰色,下面将列出几个不同项目的页面灰色的方法:

  • Vue:在vue项目中使用css滤镜效果设置灰度为100%(filter:grayscale(100%),可以在项目入口文件index.html直接设置

image.png

  • uniapp:新建gray.css文件使用css滤镜效果设置灰度为100%(filter:grayscale(100%)

image.png

然后再App.vue页面引入定义的css文件

image.png