注册登录

1***@qq.com

发布：2021-12-09 17:27
更新：2021-12-10 14:52
阅读：320

uni.showToast()当incon为none时在手机端h5不显示背景

分类：uni-app

uni_app

cli创建的vue3uniapp项目
使用uni.showToast()当icon为none时在手机端h5不显示背景
图片中红框圈出的白字是 uni.showToast({title: 'xxx', icon: 'none'})

2021-12-09 17:27 负责人:无分享

3 个回复

DCloud_UNI_Anne

未复现此问题，建议新建空项目测试看下是否正常

1***@qq.com (作者)

新建空项目试过了，还是这个问题，本地调试都没问题，只有打包后会出现

2021-12-10 11:47

1***@qq.com (作者)

DCloud_UNI_Anne

请提供可稳定复现直接运行的完整示例（上传附件），并说明设备信息环境等，方便我们快速排查问题
【社区问题/bug处理优先级规则】https://ask.dcloud.net.cn/article/38139

1***@qq.com (作者)

使用npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project创建的项目，打包后在微信浏览器中使用的

我已经找到问题了，微信浏览器中不支持8位的颜色值，我修改了打包后/dist/build/h5/assets/uni.css文件就好了

打包后toast的css是这样的
```
.uni-simple-toast__text {  

  ...,  

  background-color: #111111b3;  

}
```
2021-12-10 16:16
1***@qq.com (作者)

这个问题什么时候能解决，每次打包后都要改打包后的css，很麻烦啊

2021-12-15 09:10

该问题目前已经被锁定, 无法添加新回复