|
前言:當后臺傳輸數(shù)據(jù)時傳輸?shù)臄?shù)字有可能是小數(shù),但是客戶要求必須顯示在頁面的是整數(shù); 思路:因為后臺傳過來的數(shù)據(jù)大部分都是義以數(shù)組的形式傳過來,將這些數(shù)據(jù)顯示在頁面要進行數(shù)據(jù)實例化并且頁面要用for循環(huán)才可以; 小數(shù)轉(zhuǎn)整數(shù)時要進行二次實例化才可以顯示在頁面,由于頁面要for循環(huán)所以小數(shù)轉(zhuǎn)整數(shù)也要用for循環(huán)通過這個數(shù)組獲取下標的方式對應的將整數(shù)顯示在頁面,不說了js代碼如下
onLoad: function (options) {
var that = this;
if (wx.getStorageSync("openId")) {
var params = {
wxOpenId: wx.getStorageSync("openId")
}
app.YoniClient.request(app.Func.GET_HOME, params, function (res) {
console.log("首頁返回的數(shù)據(jù):" + JSON.stringify(res));
if (res.code == 0) {
that.setData({
bannerList: res.result.bannerList,
activityList: res.result.activityList,
teacherList: res.result.teacherList,
newsList: res.result.newsList,
shortcutList: res.result.shortcutList,
placeList: res.result.placeList,
courseList: res.result.courseList,
aptitudeList: res.result.aptitudeList,
branchList: res.result.branchList,
})
//這里就是對小數(shù)轉(zhuǎn)換整數(shù)的過程
let list = that.data.courseList;
for (let i = 0; i < list.length; i++) {
let price = parseInt(list[i].price);
console.log('===========================' + price);
let temp = 'courseList[' + i + '].price';
that.setData({
[temp]: price
})
}
}
})
} else {
//登錄態(tài)過期
that.wxLogin(that);
}
},
后臺傳過來的數(shù)據(jù)如下所示: data里面還是不變: courseList: [ ], wxml代碼如下:
<view class='index-section-title'>
<text class='section-title-left-font'>推薦課程</text>
</view>
<view class='course'>
<view class='course_big' wx:for="{{courseList}}">
<view class='course_img'>
<image class='course_img_a' src='{{item.imageUrl}}' mode='widthFix'></image>
</view>
<view class='course_text'>
<view class='course_text_a'>{{item.name}}</view>
<view class='course_text_b'>{{item.summary}}</view>
<view class='course_price'>
<text class='course_price_a fl'>{{item.originalPrice}}元</text>
<text class='course_price_b fr'>{{item.price}}元</text>
<view class='clear'></view>
</view>
</view>
</view>
</view>
效果如下: |