微信小程序开发常用技巧(3)——wx.showModal中content换行
2017-07-19 11:28
851 查看
很多时候我们都有这样一个需求:使用wx.showModal,但是我想要让content内容换行,来让页面更加整洁、美观。但是文档中并没有告诉我们怎么来处理这个问题。
首先来看看,我们实现的效果:
上图的效果为Android真机调试效果,如果你在微信开发者工具中发现并没有换行,不要惊讶,利用真机预览一下,就可以看到效果了。
接下来看看代码,其实很简单,代码中使用了大家熟知的\r\n,是不是很简单,感觉上当了,哈哈。
快去真机调试,预览一下效果吧。
首先来看看,我们实现的效果:
上图的效果为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('用户点击取消') } } })
快去真机调试,预览一下效果吧。
相关文章推荐
- 微信小程序开发常用技巧(6)——列表上拉加载更多
- 微信小程序入门与实战 常用组件 API 开发技巧 项目实战
- 微信小程序开发常用技巧(7)——实现一个类似于Android toast效果动画
- 微信小程序开发常用技巧(1)——修改page背景色
- 微信小程序开发常用技巧(5)——view左右滑动,切换page页面
- 微信小程序开发常用技巧(9)——使用模板文件方便公共代码开发
- 微信小程序开发常用技巧(4)——事件传递参数
- 微信小程序开发常用技巧(2)——页面view高度计算
- 微信小程序开发常用技巧(8)——给你的小程序添加一个客服会话
- 微信小程序 UI布局常用技巧整理总结
- 微信小程序开发实践点滴——Bmob常用API的使用
- 微信小程序 开发 常用 快捷键
- 【微信小程序开发】tabBar的使用技巧
- 微信小程序开发工具 常用快捷键
- 程序开发最常用的10大算法(转自微信程序猿)
- 微信开发常用技巧(3)-微信ios返回为静态返回,防止微信做缓存
- 微信小程序ui布局常用技巧
- 微信小程序开发工具常用开发快捷键
- 腾讯的微信小程序开发环境下常用快捷键汇总
- 学习笔记_微信小程序开发--常用快捷键