uni.showToast 在app端如何修改样式

g***@163.com (作者)

我想修改全局的，因为现在默认的showToast图标太大了，导致文字只能显示一行，我要显示的文字有2行，我试过image，但是图标大小不是image图的大小，还是原来的大小

2024-09-10 17:32

爱豆豆

回复 g***@163.com: 你要改小那就 给image的内容缩放一点 图大小是固定的 但是你可以缩小图里的内容

2024-09-10 17:53

爱豆豆

如果还是不适合的话 只能去插件市场找了 或者就自己做一个提示框

2024-09-10 17:53

g***@163.com (作者)

回复 爱豆豆: 好的，感谢您的解答

2024-09-11 15:17

g***@163.com (作者)

这样写，在H5端生效，在app端不起作用

2024-09-10 17:39

1***@qq.com

回复 g***@163.com: 你要查看的是在app端的渲染层的toast的样式名称，而不是编译成面向H5的普通网页应用，我这边是可以的，本来是不支持换行的toast，现在app端能换行了

.uni-toastcontent,

.uni-simple-toasttext {

white-space: break-spaces;

}

2024-09-10 18:18

g***@163.com (作者)

回复 1***@qq.com: 请问您是怎么查看app端的渲染层的toast的样式名称的？我这边倒能自动换行，但是图标太大，导致第二行的文字被盖住了

2024-09-11 15:27

1***@qq.com

回复 g***@163.com: 我这个样式是支持文字中任意位置插入换行符\n的样式， ios设备的话需要打自定义调试基座，使用Safari上的开发模式调试对应的页面，android平台需要真机连接电脑或者模拟器打开对应的页面，在chrome的inspect页面中调试

2024-09-11 15:36

g***@163.com (作者)

回复 1***@qq.com: 您那边uni.showToast的默认图标不大吗？换行后还能显示出第二行的文字？

2024-09-11 17:07