小程序场地选座、小程序选座、在线选座

关注微信公众号：

随疾风前行

回复：

小程序场地选择源码

获取下载链接

公共样式

/* 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
        }