uni.showModel内容换行
前情
最近在做小程序项目,选用有是当前比较火的uniapp技术栈,在产品项目中用到不少的需要引导用户确认后才继续操作的弹框。
为什么想到我去换行?
其实showModel弹框的content是支持自动换行的,但是自动换行不太可控,有时候会出现很尴尬的情况,如下图:
实现content换行
通过在想要断行添加”\r\n“可以实现换行
uni.showModal({
content: "确认是否选择\r\n当前用户处理订单事项",
complete: (result) => {
if (result.confirm) {
}
}
})
页面最终效果如下:
插曲
这里有一个小坑,你加了\r\n在微信开发者工具里不会生效,只会发现多了一个窗格的感觉,害我还网上找资料,最终发现在真机上是好的,那当然是以真机为准。微信开发者工具显示的情况如下图:
好好学习!天天向上!