有没有办法实现uniapp（nvue）全局或某页变灰色？（应对哀悼日这种场景）

j***@163.com

app.vue里添加
html {
filter: grayscale(100%);
}

9***@qq.com

老哥可以通过后台字段动态设置吗？

2022-12-01 09:38
u***@shftz.cn

真好用，谢谢老哥

2022-12-01 09:45
9***@qq.com

回复 9***@qq.com: 后台字段控制实现了吗老哥

2022-12-01 10:34
9***@qq.com

老哥可以通过后台字段动态设置吗？

2022-12-01 10:35
2***@qq.com

回复 9***@qq.com: 在onLaunch里后台取值后用document.getElementsByTagName('html')[0].className += 'your-grey-class';这样可以吗

2022-12-01 13:13
4***@qq.com

回复 9***@qq.com: 可以不用写在html标签样式上写在最外层的标签样式上用:class="判断语句?'class1':'class2'" 这样就行了

2022-12-01 15:13
3***@qq.com

我试了，在app端无效，h5可用

2022-12-01 19:57
1***@qq.com

太赞了

2022-12-02 09:16

2***@qq.com - 80后it男

关注

4***@qq.com

关注

g***@tocs.cn - shonve

关注

4***@qq.com - 宁静致远

关注

1***@qq.com

很简单，全局的css加个滤镜就好

2***@qq.com

page{
filter: grayscale(100%);
}

2***@qq.com

全局设置

2021-01-06 15:48

宋傲娇是男神

nvue 不支持filter这个属性

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

uni-app nvue andorid 哀悼日全局灰，灰度滤镜，解决filter灰色滤镜不能使用：https://ask.dcloud.net.cn/article/39661

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

全局哀悼日全局灰、灰度滤镜、vue和nvue都是可用(ios、andorid):https://ext.dcloud.net.cn/plugin?id=7513

开发侠

<script module="filterGray" lang="renderjs">  
export default {  
  mounted() {},  
  methods: {  
    initGray(val) {  
      console.log('renderjs', val)  
      document.querySelector('html').className = val ? 'filter-gray' : false  
    }  
  },  
}  
</script>

e***@163.com - qq:1738957000

renderjs 不支持 nvue

nvue是原生页面

原生代码可解决滤镜问题（用plus）

有没有办法实现uniapp（nvue）全局或某页变灰色？（应对哀悼日这种场景）

12 个回复

公告

相关问题

有没有办法实现uniapp（nvue）全局或某页变灰色？（应对哀悼日这种场景）

与内容相关的链接

12 个回复

公告

相关问题