在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
自己写的Demo 数据是自己模拟的 希望下面的内容能够对大家有所帮助,不喜勿喷! 下面上代码 date 数据格式:
var dateList = [
{
userId: 0,
name: '王隔壁',
nameurl: '../img/user-1.png',
jdtype: 0,
bqurl: [1, 2, 3, 4],
money: 199,
startarr: [2, 2, 2, 2, 2],
start:5,
zyurl: '1,2,3',
orderid: '001'
},
{
userId: 1,
name: '李Lisa',
nameurl: '../img/user-2.png',
jdtype: 1,
bqurl: [1, 2],
money: 50,
startarr: [2, 2, 2, 1, 0],
start: 3.5,
zyurl: '1',
orderid: '001'
},
{
userId: 2,
name: '良辰',
nameurl: '../img/user-3.png',
jdtype: 3,
bqurl: [1, 2, 4],
money: 80,
startarr: [2,2,2,2,1],
start: 4.5,
zyurl: '2,3',
orderid: '001'
},
{
userId: 3,
name: '吉日',
nameurl: '../img/user-4.png',
jdtype: 2,
bqurl: [3],
money: 100,
startarr: [2, 0, 0, 0, 0],
start: 2,
zyurl: '1,2,3,4',
orderid: '001'
},
{
userId: 4,
name: '大王',
nameurl: '../img/user-5.png',
jdtype: 2,
bqurl: [1,2,3,4],
money: 99,
startarr: [2, 1, 0, 0, 0],
start: 1.5,
zyurl: '1,2',
orderid:'001'
}
]
module.exports = {
dateList: dateList //暴露给外部,不然不能获取
}
js文件
var dateList = require("../data/date.js"); //引入data.js
Page({
/**
* 页面的初始数据
*/
data: {
dataList:'',
titleurl: ['../img/grade/[email protected]', '../img/grade/[email protected]', '../img/grade/[email protected]', '../img/grade/[email protected]'],
kap: ["../img/grade/[email protected]", "../img/grade/[email protected]", "../img/grade/[email protected]"],
kapIndex:[],
stars:[]
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var kapind = dateList.dateList;
var arr = [];
for(var i=0;i<kapind.length;i++){
arr.push(kapind[i].start);
}
this.setData({
dataList: dateList.dateList,
stars: arr
});
}) *.wxml 文件 我这里把这个文件做成了模板
<template name="starsTp">
<view class='uesr-stre'>
<!-- <text>{{startarr}}</text> -->
<view class="start" wx:for="{{startarr}}" wx:for-item="i" wx:key="k">
</view>
<text>{{start}}</text>
</view>
</template>
*.wxss 文件 自己去写吧 ! 来张效果图 身下的就需要骚年们自己动手试验了!祝你们成功! |
请发表评论