您的位置:首页 > 移动开发 > 微信开发

微信小程序开发常用技巧(3)——wx.showModal中content换行

2017-07-19 11:28 851 查看
很多时候我们都有这样一个需求:使用wx.showModal,但是我想要让content内容换行,来让页面更加整洁、美观。但是文档中并没有告诉我们怎么来处理这个问题。

首先来看看,我们实现的效果:



上图的效果为Android真机调试效果,如果你在微信开发者工具中发现并没有换行,不要惊讶,利用真机预览一下,就可以看到效果了。

接下来看看代码,其实很简单,代码中使用了大家熟知的\r\n,是不是很简单,感觉上当了,哈哈。

wx.showModal({
title: '提示',
content: '第一行内容\r\n第二行内容\r\n第三行内容\r\n第四行内容',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定')
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})


快去真机调试,预览一下效果吧。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  微信小程序开发