关注微信公众号:
随疾风前行
回复:
小程序场地选择源码
获取下载链接
公共样式
/* flex column*/
.common-flex-column {
display: flex;
flex-direction: column;
}
/* flex row*/
.common-flex-row {
display: flex;
flex-direction: row;
}
/* flex 填充布局*/
.common-fill {
flex: 1;
display: flex;
}
/** 宽高100%**/
.common-wh100 {
height: 100%;
width: 100%;
}
/**宽 **/
.common-vw100 {
width: 100%;
}
/**高 **/
.common-vh100 {
height: 100%;
}
//index.js
//获取应用实例
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
/**
* 选中的位置
*/
list: [],
/**
* status
* 1 可预订
* 2 已售完
* 3 已选择
* 4 我的预订
* 5 锁定
*
*/
obj: [
[{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 2,
"price": 60
},
{
"status": 5,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 4,
"price": 60
},
{
"status": 4,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 2,
"price": 60
},
{
"status": 5,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 2,
"price": 60
},
{
"status": 5,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 2,
"price": 60
},
{
"status": 5,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 2,
"price": 60
},
{
"status": 5,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 2,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
],
[{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
},
{
"status": 1,
"price": 60
}