后台返回的接口数据是不换行的 ,小程序换行加个 /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
})
})