知識(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)案例查看更多
相關(guān)閱讀
- 小程序開發(fā)
- 網(wǎng)站建設(shè)制作
- php網(wǎng)站
- 網(wǎng)站建設(shè)價(jià)格
- 汽車回收系統(tǒng)
- 小程序退款
- 南通小程序制作公司
- 軟件定制公司
- 前端
- web開發(fā)
- 網(wǎng)站開發(fā)公司哪家好
- web服務(wù)
- 國內(nèi)知名網(wǎng)站建設(shè)公司排名
- 云南花農(nóng)小程序
- 云南網(wǎng)站建設(shè)首選
- 云南建設(shè)廳網(wǎng)站
- web前端
- 微信小程序
- 大理小程序開發(fā)
- 搜索引擎排名
- 生成海報(bào)
- 百度自然排名
- 昆明做網(wǎng)站
- 昆明小程序開發(fā)聯(lián)系方式
- 網(wǎng)站建設(shè)費(fèi)用
- 昆明軟件公司
- 出入小程序
- 快排推廣
- 報(bào)廢車回收
- 云南網(wǎng)站建設(shè)外包