微信小程序开发常用技巧(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
- 微信小程序开发常用技巧(3)——wx.showModal中content换行
- 微信小程序 showModal 自定义
- 微信小程序—wx.getRecorderManager(录音管理)
- 微信小程序开发之——wx.showToast(OBJECT)的使用
- 微信小程序开发——wx:for循环渲染元素如何修改点击样式
- 微信小程序开发常用技巧(9)——使用模板文件方便公共代码开发
- 微信小程序——wx.navigateTo中url无法跳转问题(app.json中配置的tabBar与wx.navigateTo中url引用相同页面导致)(2017/12)
- 开发中常用Content-Type
- 微信小程序开发常用技巧(1)——修改page背景色
- 微信小程序开发常用技巧(2)——页面view高度计算
- 微信小程序开发常用技巧(4)——事件传递参数
- 微信小程序开发常用技巧(5)——view左右滑动,切换page页面
- 微信小程序开发常用技巧(6)——列表上拉加载更多
- 微信小程序开发常用技巧(7)——实现一个类似于Android toast效果动画
- 微信小程序开发之常见问题 不在以下合法域名列表中 wx.request合法域名配置
- 微信小程序开发常用技巧(8)——给你的小程序添加一个客服会话
- 微信小程序图表插件(wx-charts)
- 微信小程序图表插件(wx-charts)
- word 2007被强制关闭后打开速度极慢的问题
- 冒泡排序和快速排序
- C++ 多线程阻塞 (多线程同步)(MsgWaitForMultipleObjects)
- H.264并行解码算法分析
- Linux 搭建svn版本库
- 微信小程序开发常用技巧(3)——wx.showModal中content换行
- POJ1751Highways
- mysql数据库的完整备份、差异备份、增量备份
- Linux下堡垒机环境部署记录(1)-Jumpserver安装
- warning: function declaration isn’t a prototype(函数声明不是原型)的解决办法
- HTTP头部信息
- 【菜鸟学框架】——Struts2快速上手
- [LeetCode] Rotate Image
- A Knight's Journey POJ