欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序關(guān)于后臺(tái)小數(shù)轉(zhuǎn)換成整數(shù)并且顯示在頁面上 - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識(shí)

不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營銷的便利,運(yùn)營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!

您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >

微信小程序關(guān)于后臺(tái)小數(shù)轉(zhuǎn)換成整數(shù)并且顯示在頁面上

發(fā)表時(shí)間:2021-3-31

發(fā)布人:葵宇科技

瀏覽次數(shù):193

前言:當(dāng)后臺(tái)傳輸數(shù)據(jù)時(shí)傳輸?shù)臄?shù)字有可能是小數(shù),但是客戶要求必須顯示在頁面的是整數(shù);

思路:因?yàn)楹笈_(tái)傳過來的數(shù)據(jù)大部分都是義以數(shù)組的形式傳過來,將這些數(shù)據(jù)顯示在頁面要進(jìn)行數(shù)據(jù)實(shí)例化并且頁面要用for循環(huán)才可以;

小數(shù)轉(zhuǎn)整數(shù)時(shí)要進(jìn)行二次實(shí)例化才可以顯示在頁面,由于頁面要for循環(huán)所以小數(shù)轉(zhuǎn)整數(shù)也要用for循環(huán)通過這個(gè)數(shù)組獲取下標(biāo)的方式對(duì)應(yīng)的將整數(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,
})
//這里就是對(duì)小數(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);
}
},

后臺(tái)傳過來的數(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=https://www.wxapp-union.com/'{{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>

效果如下:

相關(guān)案例查看更多