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

来源:互联网 发布:淘宝erp是什么意思 编辑:程序博客网 时间:2024/06/08 06:09

很多时候我们都有这样一个需求:使用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('用户点击取消')        }      }    })

快去真机调试,预览一下效果吧。

阅读全文
0 0
原创粉丝点击