1、微信小程序实现两行显示,超过直接用省略号显示。

 overflow:hidden;
  text-overflow: ellipsis;
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

2、微信小程序实现转义换行符

Page({ 
    onShow: function(){
        var that = this;
        var string='1、一定要注意,text中\n才能生效,view里边直接写\n不行
        2、一定要注意,text中\n才能生效,view里边直接写\n不行
        3、一定要注意,text中\n才能生效,view里边直接写\n不行'
        # 在html中可以直接使用<br/>换行
        # string = string.replace(/\r\n/g,"<br>") 
        # string = string.replace(/\n/g,"<br>");
        
        # 小程序wxml中使用<br/>无效,可以换成\n
        string = string.replace(/\r\n/g,"\n");
        string = string.replace(/\n/g,"\n");

        that.setData({
            string:string
        })
    } 
})    
<text>{{string}}</text>

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐