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>

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

发表评论 已发布 0

还可以输入 800 个字
 
 
打印