解决小程序换行问题

32 篇文章 0 订阅
30 篇文章 0 订阅

后台返回的接口数据是不换行的 ,小程序换行加个 /n 这就需要给他们拆分 然后在拼接起来了

<scroll-view scroll-x="true" style=" white-space: nowrap;">
  <!--  display: inline-block-->
  <view class="classifyList {{first_category_id == item.id?'active':''}}" bindtap="bindClassify" wx:for='{{classify}}' wx:key='*this' data-id="{{item.id}}">
    <text style='display: inline-block'>{{item.name}}</text>
  </view>
</scroll-view>
 data: {

    classify: [],
   
  },  
// 大分类
    MBC.Ajax({
      url: api.streetCategory,
      data:{
        group_id: id
      },
      success:function(res){
        var NewName = [];
        res.result.category.map(function(item,index){
          var obj = {};
          var startName = item.name.substring(0,2);//取前俩个字
          var endName = item.name.substring(2, 4);//取后两个字
          obj.name = startName + "\n" + endName;//拼接起来 中间加个换行 /n
          obj.id = item.id;
          NewName.push(obj); //放进新的数组中在去渲染
        });
        console.log(NewName)
        that.setData({
          classify: NewName,
          first_category_id: res.result.first_category_id
        }) 
      
    })

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值