WeChatアップルマップマップカバービューテキストの折り返しと省略記号の追加を同時に使用することはできません。ビューに問題はありません。

参考記事参考記事
まず、カバービューでwxmlを使用できないという問題を見てください

<cover-view class="c" hidden="{
   
   {xianshi}}"  bindtap="kantie" style="width:{
   
   {kuan}}px" >

          <cover-view class='c'>{
   
   {main}}</cover-view>
        
</cover-view>

css:

.c{display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
white-space:pre-line;
}

効果は
ここに写真の説明を挿入
、wxmlのカバービューを
ここに写真の説明を挿入
次のようなビューに置き換えることです以下は私の解決策です。具体的な解決策は、動的データの長さを傍受し、
最初に効果確認するために省略形を手動でステッチすることです。
ここに写真の説明を挿入
主にjsで行われます。

var mian=res.data[0].main;
      var m = mian.substring(0, 18);
      if(m.length>=12){
        m=m+"...";
        }
        else{
          m="这啥都没写....";
        }

以下はコードです

wx.request({
    url: 'http://192.168.1.100:9090/xcxmvc/tankuang/dl',
    // 'https://www.fuhufuhu.com/xcxmvc/nr/dl',
    method: 'get',
    data: {
      id: that.data.id,
      
    },
    header: {
      'content-type': 'application/json' // 默认值
      // 'Content-Type': 'application/x-www-form-urlencoded'
    },

    success: function (res) {
      console.log(res.data[0].main);
   //  var json=JSON.stringify(res.data);
   var mian=res.data[0].main;
      var m = mian.substring(0, 18);
      if(m.length>=12){
        m=m+"...";
        }
        else{
          m="这啥都没写....";
        }
      console.log(m.length);
      that.setData({
        //nr6: json,
        id:res.data[0].id,
        main:m,
        iconPath:res.data[0].iconPath,
        hou: true
      });
     

      //var json=JSON.parse(res.data);
      //console.log(res.data[0].id);
    },
    fail: function (res) {
      console.log(".....fail.....");
    }
  })

おすすめ

転載: blog.csdn.net/weixin_40938312/article/details/104638402