瑜伽小程序静态页

+//app.js
+App({
+  post: function (url, data, headerParams) {
+    wx.showNavigationBarLoading()
+    wx.showLoading({
+      title: '',
+    })
+    var promise = new Promise((resolve, reject) => {
+      let that = this;
+      let postData = data;
+      let baseUrl = 'http://yujia.w.bronet.cn/api/';
+      let header = {
+        'content-type': 'application/x-www-form-urlencoded'
+      }
+      header = Object.assign(header, headerParams)
+      wx.request({
+        url: baseUrl + url,
+        data: postData,
+        method: 'POST',
+        header: header,
+        success: function (res) {
+          resolve(res)
+          setTimeout(function () {
+            wx.hideLoading()
+          }, 600)
+          wx.hideNavigationBarLoading()
+        },
+        error: function (e) {
+          reject('');
+          wx.hideLoading()
+          wx.hideNavigationBarLoading()
+          wx.showModal({
+            title: '',
+            content: res.data.msg,
+            showCancel: false
+          })
+        }
+      })
+    });
+    wx.hideLoading()
+    return promise;
+  },
+  globalData: {
+    userInfo: null
+  }
+})

+{
+  "pages": [
+    "pages/yogaHome/yogaHome",
+    "pages/start/start",
+    "pages/planOrder/lectureOrder/lectureOrder",
+    "pages/my/groupDetail/groupDetail",
+    "pages/planCalendar/planCalendar",
+    "pages/my/coachIndex/coachIndex",
+    "pages/my/recordDetail/recordDetail",
+    "pages/my/courseDetail/courseDetail",
+    "pages/my/behave/behave",
+    "pages/my/targetCourse/targetCourse",
+    "pages/my/planManage/planManage",
+    "pages/my/vipManage/vipManage",
+    "pages/my/coachVerify2/coachVerify2",
+    "pages/my/coachVerify/coachVerify",
+    "pages/my/myInfo/myInfo",
+    "pages/my/appointmentCourse/appointmentCourse",
+    "pages/my/info/info",
+    "pages/my/my",
+    "pages/yogaHome/planName/planName",
+    "pages/yogaHome/yogaHomeClassList/yogaHomeClassList",
+    "pages/yogaHome/yogaHomeClass/yogaHomeClass",
+    "pages/planVoice/planVoice",
+    "pages/planOrder/planOrder"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black"
+  },
+  "permission": {
+    "scope.userLocation": {
+      "desc": "你的位置信息将用于小程序位置接口的效果展示"
+    }
+  },
+  "tabBar": {
+    "list": [
+      {
+        "pagePath": "pages/yogaHome/yogaHome",
+        "text": "瑜伽房",
+        "iconPath": "images/sadasfaffgf@2x.png",
+        "selectedIconPath": "images/fgsgsgjkj@2x.png"
+      },
+      {
+        "pagePath": "pages/planOrder/planOrder",
+        "text": "计划订单",
+        "iconPath": "images/sadasfaffgf@2x.png",
+        "selectedIconPath": "images/fgsgsgjkj@2x.png"
+      },
+      {
+        "pagePath": "pages/planCalendar/planCalendar",
+        "text": "计划日历",
+        "iconPath": "images/sadasfaffgf@2x.png",
+        "selectedIconPath": "images/fgsgsgjkj@2x.png"
+      },
+      {
+        "pagePath": "pages/planVoice/planVoice",
+        "text": "计划表现",
+        "iconPath": "images/sadasfaffgf@2x.png",
+        "selectedIconPath": "images/fgsgsgjkj@2x.png"
+      },
+      {
+        "pagePath": "pages/my/my",
+        "text": "我的",
+        "iconPath": "images/sadasfaffgf@2x.png",
+        "selectedIconPath": "images/fgsgsgjkj@2x.png"
+      }
+    ]
+  }
+}

+/**app.wxss**/
+@font-face {
+  font-family: 'iconfont';  /* project id 994540 */
+  src: url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.eot');
+  src: url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.eot?#iefix') format('embedded-opentype'),
+  url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.woff') format('woff'),
+  url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.ttf') format('truetype'),
+  url('//at.alicdn.com/t/font_994540_3xqg5kvb3ec.svg#iconfont') format('svg');
+} 
+
+.iconfont {
+  font-family:"iconfont" !important;
+  font-size:16px;
+  font-style:normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-dianhua:before { content: "\e601"; }
+
+.icon-fanhui:before { content: "\e609"; }
+
+.icon-xing:before { content: "\e64e"; }

+// pages/my/appointmentCourse/appointmentCourse.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/my/appointmentCourse/appointmentCourse.wxml-->
+<view class='box'>
+  <view class='banner_box'>
+    <image src='/images/dggfhre@2x.png'></image>
+    <view class='banner_info'>
+      <view class='user_name'>李道空</view>
+      <view>注册日期：2018年2月30日</view>
+      <view>
+        <text>约课电话：15632424967</text>
+        <text class='iconfont icon-dianhua'></text>
+      </view>
+    </view>
+  </view>
+  <view class='content_box'>
+    <view class='list_btn_box'>
+      <view class='list_btn'>场所合作</view>
+      <view class='list_btn'>信息反馈</view>
+      <view class='list_btn'>切换至教练模式</view>
+    </view>
+  </view>
+  <view class='info'>
+    <view> 预约私教授课须知：</view>
+    <view> 电话预约私人教练上课时间，在线记录；</view>
+    <view>取消私教课程需提前6小时</view>
+  </view>
+  <view class='submit_btn'>确认上课时间</view>
+</view>

+/* pages/my/appointmentCourse/appointmentCourse.wxss */
+
+.box {
+  padding: 0 38rpx;
+}
+
+.banner_box {
+  width: 100%;
+  height: 200rpx;
+  display: flex;
+  align-items: center;
+  /* justify-content: space-between; */
+  background: #fff;
+  box-shadow: 0rpx -1rpx 50rpx 0rpx rgba(51, 51, 51, 0.06);
+  border-radius: 10rpx;
+  padding: 30rpx;
+  box-sizing: border-box;
+  font-size: 28rpx;
+  color: #333333;
+}
+
+.banner_box image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 50%;
+}
+.banner_info{
+  width: 68%;
+  line-height: 50rpx;
+  margin-left: 40rpx;
+}
+.icon-dianhua{
+  color: #FF8080;
+  margin-left: 63rpx;
+}
+.list_btn_box {
+  margin-top: 60rpx;
+}
+.user_name{
+  font-size: 30rpx;
+  color: #333333;
+  font-weight: bold;
+}
+.list_btn {
+  width: 100%;
+  height: 100rpx;
+  background: #fafafa;
+  border-radius: 10rpx;
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 20rpx;
+}
+.info{
+  font-size: 24rpx;
+  color: #333333;
+  text-align: center;
+  margin-top: 100rpx;
+}
+.submit_btn {
+  width: 100%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
+  box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
+  border-radius: 10rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 100rpx;
+}

+// pages/my/behave/behave.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "表现"
+}

+<!--pages/my/behave/behave.wxml-->
+
+<view class='content_box'>
+  <view class='list_title'>计划名称/计划课程/目标评估课程</view>
+  <view class='table_box'>
+    <view class='table_item'>
+      <view class='date_item'>日期</view>
+      <view class='score_item'>得分</view>
+    </view>
+    <view class='table_item'>
+      <view class='date_item'>2018/11/11 08:00-09:00</view>
+      <view class='score_item'>10</view>
+    </view>
+     <view class='table_item'>
+      <view class='date_item'>2018/11/11 08:00-09:00</view>
+      <view class='score_item'>10</view>
+    </view>
+  </view>
+</view>

+/* pages/my/behave/behave.wxss */
+
+.list_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.content_box {
+  width: 100%;
+  padding: 30rpx;
+  box-sizing: border-box;
+  margin-top: 30rpx;
+}
+
+.table_box {
+  width: 100%;
+  background: rgba(232, 232, 232, 1);
+  border-radius: 10rpx;
+  margin-top: 30rpx;
+}
+
+.table_item {
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  color: #333;
+  text-align: center;
+  border-bottom: 1rpx solid #fff;
+}
+
+.date_item {
+  width: 70%;
+  border-right: 1rpx solid #fff;
+  padding: 20rpx 0;
+}
+
+.score_item {
+  width: 30%;
+  padding: 20rpx 0;
+}

+// pages/my/coachIndex/coachIndex.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/my/coachIndex/coachIndex.wxml-->
+<view class='banner_box'>
+  <image src='/images/dggfhre@2x.png'></image>
+  <view class='user_name'>何易</view>
+  <view>注册时间:2018年2月31日</view>
+</view>
+<view class='content_box'>
+  <view class='info_title'>
+    <view>已认证信息</view>
+    <view class='info_box'>
+      <view class='info_item'>身份证</view>
+      <view class='info_item'>身份证</view>
+      <view class='info_item'>身份证</view>
+    </view>
+  </view>
+  <view class='list_btn_box'>
+    <view class='list_btn'>
+      <view class='list_title'>场所合作</view>
+      <view>姿势异常管理 慢性肌肉骨骼疼痛</view>
+    </view>
+    <view class='list_btn'>
+      <view class='list_title'>场所合作</view>
+      <view>姿势异常管理 慢性肌肉骨骼疼痛</view>
+    </view>
+    <view class='list_btn'>
+      <view class='list_title'>场所合作</view>
+      <view>姿势异常管理 慢性肌肉骨骼疼痛</view>
+    </view>
+  </view>
+  <view class='coentent_label_box'>
+    <view class="label_item label_active">2018年12月</view>
+    <view class="label_item">2018年12月</view>
+    <view class="label_item">2018年12月</view>
+  </view>
+</view>
+<view class='plan_box'>
+  <view class='plan_info_box'>
+    <view class='plan_item' wx:for='{{[1,2,3]}}' wx:key>
+      <view class='list_title'>计划名称</view>
+      <view class='plan_conten_box'>
+        <view class='item_content' wx:for='{{[1,2,3]}}' wx:key>
+          <view class=''>团体课程</view>
+          <view class='content_info'>
+            <view>总课时</view>
+            <view class='star_box'>
+              <view class='iconfont icon-xing' wx:for='{{[1,2,3]}}' wx:key></view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+<view class='course_box'>
+  <view class='course_item'>
+    <view class='label_title_box label_top'>
+      <view class='label_title'>教学内容</view>
+    </view>
+    <view class='label_info_box'>
+      <view>
+        TBCLASS目标协同授课体系是TBCLASS瑜伽 团课教练和私人教练课程设计与教学工具，由北京体 育大学多学科专家学者和瑜伽健身行业顶级教练历时 三年研发而成，大幅提升瑜伽会员训练体验和训练结 果
+      </view>
+    </view>
+  </view>
+  <view>
+    <view class='label_title_box label_top'>
+      <view class='label_title'>目标评估课程 : </view>
+      <view> 量化管理目标</view>
+    </view>
+    <view class='course_content_box'>
+      <view class='course_content_item' wx:for='{{[1,2,3]}}'>
+        <view>目标评估课程</view>
+        <view class='course_info'>得分数</view>
+      </view>
+    </view>
+  </view>
+</view>

+/* pages/my/coachIndex/coachIndex.wxss */
+
+.banner_box {
+  width: 100%;
+  height: 330rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background: #626a82;
+  font-size: 24rpx;
+  color: #e8e8e8;
+}
+
+.user_name {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #e8e8e8;
+  margin: 10rpx 0;
+}
+
+.banner_box image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+}
+
+.content_box {
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  position: relative;
+  z-index: 20;
+  background: #fff;
+}
+
+.info_title {
+  padding: 17rpx 0;
+  /* border-bottom: 1rpx solid #a4a6b2; */
+  text-align: center;
+  font-size: 32rpx;
+  /* font-weight: bold; */
+  color: #333;
+  box-shadow: 0rpx 0rpx 51rpx 0rpx rgba(75, 75, 75, 0.16);
+}
+
+.info_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 26rpx;
+  color: #333;
+  margin-top: 10rpx;
+}
+
+.info_item {
+  width: 33.3%;
+  border-right: 1rpx solid #000;
+}
+
+.info_item:last-child {
+  border-right: 0;
+}
+
+.list_btn_box {
+  padding: 0 30rpx;
+  margin-top: 18rpx;
+}
+
+.list_btn {
+  width: 100%;
+  padding: 20rpx 40rpx;
+  border-radius: 10rpx;
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  font-size: 24rpx;
+  /* font-weight: bold; */
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 16rpx;
+  box-sizing: border-box;
+}
+
+.list_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.coentent_label_box {
+  padding: 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 60rpx;
+}
+
+.label_item {
+  width: 180rpx;
+  height: 58rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 54rpx 0rpx rgba(62, 62, 62, 0.1);
+  border-radius: 10rpx;
+  font-size: 26rpx;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.label_active {
+  background: #ff7f7f;
+  color: #fff;
+}
+
+.plan_box {
+  padding: 0 30rpx;
+  margin-top: -10rpx;
+  position: relative;
+  z-index: 1;
+}
+
+.plan_info_box {
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  padding: 0 30rpx;
+}
+
+.plan_item {
+  border-bottom: 1rpx solid #e8e8e8;
+  padding: 30rpx 0;
+}
+
+.plan_item:last-child {
+  border-bottom: 0;
+}
+
+.plan_conten_box {
+  margin-top: 20rpx;
+}
+
+.item_content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 30rpx;
+  font-size: 26rpx !important;
+  color: #333 !important;
+  margin-top: 10rpx;
+}
+
+.content_info {
+  display: flex;
+  align-items: center;
+}
+
+.star_box {
+  display: flex;
+  align-items: center;
+  margin-left: 70rpx;
+}
+
+.icon-xing {
+  font-size: 25rpx;
+  color: #ff8080;
+  margin-right: 10rpx;
+}
+
+.course_box {
+  margin-top: 50rpx;
+}
+
+.label_title_box {
+  width: 100%;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 10rpx 3rpx rgba(233, 233, 233, 0.6);
+  padding: 20rpx 30rpx;
+  /* border-top: 1rpx solid #e9e9e9; */
+  font-size: 24rpx;
+  color: #333;
+  box-sizing: border-box;
+  position: relative;
+  z-index: 20
+}
+
+.label_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.label_info_box {
+  width: 686rpx;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  color: #333;
+  padding: 30rpx;
+  box-sizing: border-box;
+  position: relative;
+  z-index: 10;
+}
+
+.course_item {
+  margin-bottom: 30rpx;
+}
+
+.label_btn {
+  font-size: 24rpx;
+  color: #ff8080;
+}
+
+.course_content_box {
+  width: 686rpx;
+  margin: 0 auto;
+  padding:30rpx;
+  box-sizing: border-box;
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+  border-radius: 10rpx;
+
+}
+
+.course_content_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+.course_content_item:last-child{
+  margin-bottom: 0;
+}
+.course_info {
+  color: #ff8080;
+}
+
+.course_content_item:last-child {
+  border-bottom: 0;
+}
+
+.course_img {
+  width: 200rpx;
+  height: 150rpx;
+}
+
+.course_img image {
+  width: 100%;
+  height: 100%;
+}
+
+.course_content_info {
+  width: 80%;
+  margin-left: 20rpx;
+}
+
+.course_title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  margin: 0 auto;
+}
+
+.course_content {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.no_course {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #e8e8e8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 55rpx 0;
+}
+
+.more_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  padding: 20rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.more_info {
+  width: 80%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.more_peoper {
+  width: 385rpx;
+  /* display: flex;
+  align-items: center; */
+  white-space: nowrap;
+  overflow: scroll;
+}
+
+.more_peoper image {
+  display: inline-block;
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 15rpx;
+}
+
+.more_info_box {
+  width: 686rpx;
+  height: 150rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx;
+}
+
+.more_info_box image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 8rpx;
+}
+
+.more_btn {
+  padding: 20rpx;
+  border-bottom: 1rpx solid #e8e8e8;
+}
+
+.more_btn:last-child {
+  border-bottom: 0;
+}
+
+.more_active {
+  color: #ff8080;
+}

+// pages/my/coachVerify/coachVerify.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {},
+  "navigationBarTitleText": "教练认证"
+}

+<!--pages/my/coachVerify/coachVerify.wxml-->
+<view>
+  <view class='label_title_box'>
+    <view class='label_title'>教学内容</view>
+  </view>
+  <view class='content_box'>
+    <view class='item_list list_active'>姿势异常</view>
+    <view class='item_list'>姿势异常</view>
+    <view class='item_list'>姿势异常</view>
+  </view>
+  <view class='bottom_box'>
+    <view>说明：线下场所将不定期地为求职教练提供服务产品培训</view>
+    <view class='submit_btn'>完成</view>
+  </view>
+</view>

+/* pages/my/coachVerify/coachVerify.wxss */
+
+.label_title_box {
+  width: 100%;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(233, 233, 233, 1);
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1rpx solid #e9e9e9;
+  font-size: 24rpx;
+  color: #333;
+  box-sizing: border-box;
+  margin-top: 20rpx;
+}
+
+.label_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.content_box {
+  width: 100%;
+  padding: 0 40rpx;
+  box-sizing: border-box;
+  margin-top: 40rpx;
+}
+
+.item_list {
+  padding: 20rpx 0;
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  margin-bottom: 30rpx;
+}
+
+.list_active {
+  box-shadow: 0rpx 1rpx 20rpx 0rpx rgba(92, 92, 92, 0.2);
+  color: #ff8181;
+}
+
+.bottom_box {
+  width: 100%;
+  position: fixed;
+  left: 50%;
+  bottom: 75rpx;
+  transform: translate(-50%);
+  font-size: 24rpx;
+  color: #bfbfbf;
+  font-weight: bold;
+  padding: 0 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.submit_btn {
+  width: 92%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
+  box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
+  border-radius: 10rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 30rpx;
+}

+// pages/my/coachVerify2/coachVerify2.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/my/coachVerify2/coachVerify2.wxml-->
+
+<view class='box'>
+  <view class='head_box'>
+    <image src='/images/dggfhre@2x.png'></image>
+  </view>
+  <view class='content_box'>
+    <view class='item_list'>
+      <view class='list_title'>姓名</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+    <view class='item_list'>
+      <view class='list_title'>认证课程</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+    <view class='item_list'>
+      <view class='list_title'>授课类型</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+    <view class='item_list'>
+      <view class='list_title'>培训机构</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+    <view class='item_list'>
+      <view class='list_title'>约课电话</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+    <view class='item_list'>
+      <view class='list_title'>身份证件</view>
+      <view>
+        <input placeholder='请填写' placeholder-class='pl_style'></input>
+      </view>
+    </view>
+     <view class='item_list'>
+      <view class='list_title'>个人介绍</view>
+      <view class='list_textarea'>
+        <textarea placeholder=''></textarea>
+      </view>
+    </view>
+  </view>
+  <view class='bottom_box'>
+    <view>说明：线下场所将不定期地为求职教练提供服务产品培训</view>
+    <view class='submit_btn'>完成</view>
+  </view>
+</view>

+/* pages/my/coachVerify2/coachVerify2.wxss */
+
+.head_box {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  text-align: center;
+}
+
+.box image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+  /* box-shadow: 0 10rpx 30rpx 0 #a0a5ac; */
+  margin-top: 30rpx;
+}
+
+.content_box {
+  width: 100%;
+  padding: 30rpx;
+  box-sizing: border-box;
+  margin-top: 70rpx;
+}
+
+.item_list {
+  padding: 10rpx 0;
+  border-bottom: 1rpx solid #e8e8e8;
+  font-size: 26rpx;
+  /* margin-bottom: 2rpx; */
+}
+
+.item_list:last-child {
+  border-bottom: 0;
+}
+
+.list_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.pl_style {
+  color: #e8e8e8;
+}
+
+.list_textarea {
+  width: 100%;
+  height: 221rpx;
+  border: 1rpx solid #e8e8e8;
+  border-radius: 10rpx;
+  margin-top: 20rpx;
+}
+
+.list_textarea textarea {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  outline: none;
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+
+.bottom_box {
+  font-size: 24rpx;
+  color: #bfbfbf;
+  font-weight: bold;
+  padding: 0 40rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin: 50rpx 0 30rpx 0;
+}
+
+.submit_btn {
+  width: 100%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
+  box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39);
+  border-radius: 10rpx;
+  font-size: 32rpx;
+  font-weight: bold;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 30rpx;
+}

+// pages/my/courseDetail/courseDetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

+{
+  "usingComponents": {}
+}

+<!--pages/my/courseDetail/courseDetail.wxml-->
+<view class='content_box'>
+  <view class='item_list'>
+    <view class='list_img'>
+      <image src='/images/dfdgweqt@2x.png'></image>
+    </view>
+  </view>
+</view>
+<view class='plan_box'>
+  <view class='list_content_info'>
+    <view class='list_title'>计划产品名称：姿势异常</view>
+    <view class='list_content'>
+      <view class='sub_title'>计划介绍：</view>
+      <view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
+    </view>
+    <view class='list_content'>
+      <view class='sub_title'>计划介绍：</view>
+      <view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
+    </view>
+  </view>
+  <view class='plan_item'>
+    <view class='plan_content one_content'>
+      <view class='plan_img_box one_box'>
+        <view class='plan_img_item one_img'>
+          <image src='/images/dfdgweqt@2x.png'></image>
+        </view>
+      </view>
+      <view class='plan_content_box one_content_box'>
+        <view class='plan_content_item'>
+          <view class='content_title'>评价指标：指标名称，指标名称  </view>
+        </view>
+        <view class='plan_content_item'>
+          <view class='content_title'>评估装备：装备名称,装备名称</view>
+        </view>
+        <view class='plan_content_item'>
+          <view class='content_title'>评估方法：定量评估</view>
+        </view>
+        <view class='plan_content_item'>
+          <view class='content_title'>会员上课费用</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>

+/* pages/my/courseDetail/courseDetail.wxss */
+
+page {
+  background: #fff;
+}
+
+.list_img image {
+  width: 100%;
+  height: 777rpx;
+  border-radius: 10rpx;
+  margin-top: 10rpx;
+  position: relative;
+  z-index: 10;
+}
+
+.content_box {
+  position: relative;
+  top: 0;
+  padding: 0 30rpx;
+  background: #ffff;
+}
+
+.content_title_box {
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  padding: 20rpx 30rpx !important;
+}
+
+.content_info_box {
+  margin: 10rpx 0 0 0;
+}
+
+.list_content_box {
+  padding: 0 !important;
+}
+
+.item_list {
+  border-bottom: 0;
+}
+
+.coentent_label_box {
+  padding: 30rpx 0;
+}
+
+.plan_box {
+  margin-top: -60rpx;
+  background: #fff;
+  position: relative;
+  z-index: 20;
+  box-shadow:0rpx -20rpx 35rpx 0rpx rgba(54,54,54,0.2);
+  padding: 30rpx;
+}
+.list_content_info{
+  padding:0 0 30rpx 0;
+  font-size: 24rpx;
+  color: #333333;
+}
+.list_title{
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333333;
+}
+.plan_item {
+  border-radius: 10rpx;
+  overflow: hidden;
+  /* box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1); */
+  margin-bottom: 40rpx;
+}
+
+.plan_content {
+  display: flex;
+  align-items: center;
+  padding: 40rpx 30rpx 40rpx 0;
+  border-top: 1rpx solid #e8e8e8;
+}
+
+.plan_content:last-child {
+  /* border-bottom: 0; */
+}
+
+.plan_content_item {
+  display: flex;
+  align-items: center;
+  font-size: 24rpx;
+  color:#333333;
+}
+
+.plan_content_item:last-child {
+  margin-bottom: 0;
+}
+
+.plan_user_name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.plan_time_box {
+  font-size: 28rpx;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10rpx 0;
+}
+
+.icon-dianhua {
+  color: #ff7f7f;
+}
+
+.content_title {
+
+}
+
+.plan_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #fff;
+  background: #333;
+  padding: 20rpx;
+}
+
+.plan_title2 {
+  background: #e1cdb8;
+}
+
+.plan_img_box {
+  width: 36%;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.one_box {
+  /* display: flex;
+  align-items: center;
+  justify-content: center; */
+  border-right: 1rpx solid #E8E8E8;
+}
+
+.plan_content_box {
+  width: 62%;
+  margin-left: 60rpx;
+}
+
+.one_content_box {
+  /* width: 70%; */
+}
+
+.one_img image {
+  width: 150rpx;
+  height: 150rpx;
+}
+
+.plan_name {
+  font-size: 24rpx;
+  color: #999;
+  text-overflow: ellipsis;
+}
+
+.one_content_box .plan_content_item {
+  /* margin-bottom: 10rpx !important; */
+}
+
+.one_img image {
+  width: 150rpx;
+  height: 150rpx;
+}
+
+.list_btn_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.list_btn {
+  width: 100%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 141, 141, 1));
+  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(244, 118, 118, 0.36);
+  border-radius: 20rpx;
+  font-size: 30rpx;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.list_active {
+  background: linear-gradient(27deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 1));
+}
+
+.star_box {
+  display: flex;
+  align-items: center;
+  font-size: 20rpx;
+  color: #e8e8e8;
+}
+
+.icon-xing {
+  margin-right: 20rpx;
+}
+
+.xing_active {
+  color: #ff8080;
+}
+
+.schooltime_box {
+  width: 90%;
+  border-top: 1rpx solid #e8e8e8;
+  margin: 0 auto;
+  padding: 20rpx 0;
+  box-sizing: border-box;
+  font-size: 30rpx;
+  color: #333;
+}
+
+.time_detail {
+  font-size: 28rpx;
+  color: #666;
+  padding-left: 40rpx;
+  margin-top: 20rpx;
+}
+
+.plan_tab_content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 40rpx 0;
+}
+
+.tab_item {
+  width: 25%;
+  font-size: 24rpx;
+  color: #333;
+  border-right: 1rpx solid #999;
+  text-align: center;
+}
+
+.tab_item:last-child {
+  border-right: 0;
+}
+
+.tab_active {
+  color: #ff8080;
+}
+
+.satisfaction_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: absolute;
+  margin-top: -25rpx;
+  left: 50%;
+  transform: translate(-50%);
+}
+
+.satisfaction_btn {
+  width: 160rpx;
+  height: 50rpx;
+  background: rgba(255, 128, 128, 1);
+  box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(245, 84, 84, 0.2);
+  border-radius: 6rpx;
+  font-size: 24rpx;
+  color: #fffefe;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.satisfaction_star {
+  width: 390rpx;
+  height: 60rpx;
+  background: rgba(254, 254, 254, 1);
+  box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(110, 110, 110, 0.1);
+  border-radius: 8rpx;
+  margin-top: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  color: #e8e8e8;
+}
+
+.course_box {
+  margin-top: 150rpx;
+}
+
+.label_title_box {
+  width: 100%;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 0rpx 0rpx rgba(233, 233, 233, 1);
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1rpx solid #e9e9e9;
+  font-size: 24rpx;
+  color: #333;
+  box-sizing: border-box;
+}
+
+.label_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.label_info_box {
+  width: 686rpx;
+  margin: 0 auto;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+  border-radius: 10rpx;
+  font-size: 24rpx;
+  color: #333;
+  padding: 30rpx;
+  box-sizing: border-box;
+}
+
+.course_item {
+  margin-bottom: 30rpx;
+}
+
+.label_btn {
+  font-size: 24rpx;
+  color: #ff8080;
+}
+
+.course_content_box {
+  width: 686rpx;
+  margin: 0 auto;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+  border-radius: 10rpx;
+}
+
+.course_content_item {
+  display: flex;
+  align-items: center;
+  border-bottom: 1rpx solid #999;
+  padding: 30rpx 0;
+}
+
+.course_content_item:last-child {
+  border-bottom: 0;
+}
+
+.course_img {
+  width: 200rpx;
+  height: 150rpx;
+}
+
+.course_img image {
+  width: 100%;
+  height: 100%;
+}
+
+.course_content_info {
+  width: 80%;
+  margin-left: 20rpx;
+}
+
+.course_title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  margin: 0 auto;
+}
+
+.course_content {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.no_course {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #e8e8e8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 55rpx 0;
+}
+
+.more_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  padding: 20rpx 30rpx;
+}
+
+.more_info {
+  width: 80%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.more_peoper {
+  width: 385rpx;
+  /* display: flex;
+  align-items: center; */
+  white-space: nowrap;
+  overflow: scroll;
+}
+
+.more_peoper image {
+  display: inline-block;
+  width: 50rpx;
+  height: 50rpx;
+  margin-right: 15rpx;
+}
+
+.more_info_box {
+  width: 686rpx;
+  height: 150rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx;
+}
+
+.more_info_box image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 8rpx;
+}
+
+.more_btn {
+  padding: 20rpx;
+  border-bottom: 1rpx solid #e8e8e8;
+}
+
+.more_btn:last-child {
+  border-bottom: 0;
+}
+
+.more_active {
+  color: #ff8080;
+}

+// pages/my/groupDetail/groupDetail.js
+let chooseYear = null;
+let chooseMonth = null;
+var app = getApp()
+const conf = {
+  data: {
+    hasEmptyGrid: false,
+    showPicker: false
+  },
+  onLoad() {
+    const date = new Date();
+    const curYear = date.getFullYear();
+    const curMonth = date.getMonth() + 1;
+
+    const weeksCh = ['日', '一', '二', '三', '四', '五', '六'];
+    this.calculateEmptyGrids(curYear, curMonth);
+    this.calculateDays(curYear, curMonth);
+    this.setData({
+      curYear,
+      curMonth,
+      weeksCh
+    });
+    if (curMonth > 9) {
+      var mont = curMonth
+    } else {
+      var mont = "0" + curMonth
+    }
+    var montDat = curYear + "-" + mont
+    this.getDay(montDat)
+  },
+  // getDay(montDat) {
+  //   app.ajax("Index/userSign", {
+  //     user_id: app.globalData.userId,
+  //     date: montDat
+  //   }, (res) => {
+  //     console.log(res)
+  //     if (res.data.code == 1) {
+  //       var data = res.data.data
+  //       const days = this.data.days;
+  //       var dayArr = []
+  //       for (let n in data) {
+  //         dayArr.push(parseInt(data[n].day))
+  //       }
+  //       for (let n in days) {
+  //         for (let j in dayArr) {
+  //           if (dayArr[j] == days[n].day) {
+  //             days[n].choosed = true
+  //             console.log(days[n])
+  //           }
+  //         }
+  //       }
+  //       this.setData({
+  //         days,
+  //       })
+  //     } else {
+  //       // wx.showLoading({
+  //       //    title: res.data.msg,
+  //       //    duration: 2000
+  //       // })
+  //     }
+  //   })
+  // },
+
+  getThisMonthDays(year, month) {
+    return new Date(year, month, 0).getDate();
+  },
+  getFirstDayOfWeek(year, month) {
+    return new Date(Date.UTC(year, month - 1, 1)).getDay();
+  },
+  calculateEmptyGrids(year, month) {
+    const firstDayOfWeek = this.getFirstDayOfWeek(year, month);
+    let empytGrids = [];
+    if (firstDayOfWeek > 0) {
+      for (let i = 0; i < firstDayOfWeek; i++) {
+        empytGrids.push(i);
+      }
+      this.setData({
+        hasEmptyGrid: true,
+        empytGrids
+      });
+    } else {
+      this.setData({
+        hasEmptyGrid: false,
+        empytGrids: []
+      });
+    }
+  },
+  calculateDays(year, month) {
+    let days = [];
+
+    const thisMonthDays = this.getThisMonthDays(year, month);
+
+    for (let i = 1; i <= thisMonthDays; i++) {
+      days.push({
+        day: i,
+        choosed: false
+      });
+    }
+
+    this.setData({
+      days
+    });
+  },
+  handleCalendar(e) {
+    const handle = e.currentTarget.dataset.handle;
+    const curYear = this.data.curYear;
+    const curMonth = this.data.curMonth;
+
+    if (handle === 'prev') {
+      let newMonth = curMonth - 1;
+      let newYear = curYear;
+      if (newMonth < 1) {
+        newYear = curYear - 1;
+        newMonth = 12;
+      }
+
+      this.calculateDays(newYear, newMonth);
+      this.calculateEmptyGrids(newYear, newMonth);
+
+      this.setData({
+        curYear: newYear,
+        curMonth: newMonth
+      });
+      if (curMonth > 9) {
+        var mont = curMonth
+      } else {
+        var mont = "0" + (curMonth - 1)
+      }
+      var montDat = curYear + "-" + mont
+      this.getDay(montDat)
+    } else {
+      let newMonth = curMonth + 1;
+      let newYear = curYear;
+      if (newMonth > 12) {
+        newYear = curYear + 1;
+        newMonth = 1;
+      }
+
+      this.calculateDays(newYear, newMonth);
+      this.calculateEmptyGrids(newYear, newMonth);
+
+      this.setData({
+        curYear: newYear,
+        curMonth: newMonth
+      });
+      if (curMonth > 9) {
+        var mont = curMonth
+      } else {
+        var mont = "0" + (curMonth + 1)
+      }
+      var montDat = curYear + "-" + mont
+      this.getDay(montDat)
+    }
+  },
+  // 选择日期
+  tapDayItem(e) {
+    const idx = e.currentTarget.dataset.idx;
+    const days = this.data.days;
+    console.log(idx)
+    console.log(days)
+    days[idx].choosed = !days[idx].choosed;
+    this.setData({
+      days,
+    });
+  },
+  chooseYearAndMonth() {
+    // const curYear = this.data.curYear;
+    // const curMonth = this.data.curMonth;
+    // let pickerYear = [];
+    // let pickerMonth = [];
+    // for (let i = 1900; i <= 2100; i++) {
+    //    pickerYear.push(i);
+    // }
+    // for (let i = 1; i <= 12; i++) {
+    //    pickerMonth.push(i);
+    // }
+    // const idxYear = pickerYear.indexOf(curYear);
+    // const idxMonth = pickerMonth.indexOf(curMonth);
+    // this.setData({
+    //    pickerValue: [idxYear, idxMonth],
+    //    pickerYear,
+    //    pickerMonth,
+    //    showPicker: true,
+    // });
+  },
+  pickerChange(e) {
+    const val = e.detail.value;
+    chooseYear = this.data.pickerYear[val[0]];
+    chooseMonth = this.data.pickerMonth[val[1]];
+  },
+  tapPickerBtn(e) {
+    const type = e.currentTarget.dataset.type;
+    const o = {
+      showPicker: false,
+    };
+    if (type === 'confirm') {
+      o.curYear = chooseYear;
+      o.curMonth = chooseMonth;
+      this.calculateEmptyGrids(chooseYear, chooseMonth);
+      this.calculateDays(chooseYear, chooseMonth);
+    }
+
+    this.setData(o);
+  },
+  onShareAppMessage() {
+    return {
+      title: '小程序日历',
+      desc: '还是新鲜的日历哟',
+      path: 'pages/index/index'
+    };
+  },
+  goCoachIndex(){
+    wx.navigateTo({
+      url: '/pages/my/coachIndex/coachIndex',
+    })
+  },
+};
+Page(conf);

+{
+  "usingComponents": {}
+}

+<view class='content_box'>
+  <view class='content_title_box'>
+    <view class='content_title'>场所名称</view>
+    <view class='content_info_box'>
+      <view>北京市，海淀区，上地南里</view>
+      <view class='content_num'>1.0km</view>
+    </view>
+  </view>
+  <view class='item_list'>
+    <view class='list_img'>
+      <image src='/images/dfdgweqt@2x.png'></image>
+    </view>
+    <view class='list_content_info'>
+      <view class='list_title'>计划产品名称：姿势异常</view>
+      <view class='list_content'>
+        <view class='sub_title'>计划介绍：</view>
+        <view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
+      </view>
+      <view class='list_content'>
+        <view class='sub_title'>计划介绍：</view>
+        <view class='content'>无肌肉骨骼、韧带等物理结构性损伤，身体静止站立状态下关节骨骼排列异常；</view>
+      </view>
+    </view>
+  </view>
+  <view class='plan_box'>
+    <view class='plan_item'>
+      <view class='plan_item_box'>
+        <view class='plan_title'>上课教练</view>
+        <view>
+          <view class='plan_content' wx:for='{{[1,2,3]}}' wx:key=''>
+            <view class='plan_img_box one_box'>
+              <view class='plan_img_item one_img'>
+                <image src='/images/dfdgweqt@2x.png'></image>
+              </view>
+            </view>
+            <view class='plan_content_box'>
+              <view class='plan_user_name'>萧意</view>
+              <view class='plan_time_box'>
+                <view>注册日期：2018/2/31</view>
+                <view class='iconfont icon-dianhua'></view>
+              </view>
+              <view class='star_box'>
+                <view class='iconfont icon-xing xing_active'></view>
+                <view class='iconfont icon-xing'></view>
+                <view class='iconfont icon-xing'></view>
+                <view class='iconfont icon-xing'></view>
+                <view class='iconfont icon-xing'></view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+     <view class='plan_item' bindtap='goCoachIndex'>
+      <view class='plan_item_box'>
+        <view class='plan_title'>教练团队</view>
+        <view>
+          <view class='plan_content' wx:for='{{[1]}}' wx:key=''>
+            <view class='plan_img_box one_box'>
+              <view class='plan_img_item one_img'>
+                <image src='/images/dfdgweqt@2x.png'></image>
+              </view>
+            </view>
+            <view class='plan_content_box'>
+              <view class='plan_user_name'>萧意</view>
+              <view class='plan_time_box'>
+                <view>注册日期：2018/2/31</view>
+              </view>
+               <view class='plan_time_box'>
+                <view>约课电话：15632424967</view>
+                <view class='iconfont icon-dianhua'></view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
+<view class='course_box'>
+  <view class='course_item'>
+    <view class='label_title_box label_top'>
+      <view class='label_title'>教学内容</view>
+    </view>
+    <view class='label_info_box'>
+      <view>
+        TBCLASS目标协同授课体系是TBCLASS瑜伽 团课教练和私人教练课程设计与教学工具，由北京体 育大学多学科专家学者和瑜伽健身行业顶级教练历时 三年研发而成，大幅提升瑜伽会员训练体验和训练结 果
+      </view>
+    </view>
+  </view>
+  <view class='vip_box'>
+    <view class='more_box'>
+      <view>会员要求</view>
+      <view class='more_info' style='color:#999999;'>达到最低人数即开课</view>
+    </view>
+    <view class='vip_info'>
+      <view class='vip_item'>
+        <view>会员上课费用</view>
+        <view>厘米秒..</view>
+      </view>
+      <view class='vip_item'>
+        <view>会员上课费用</view>
+        <view>厘米秒..</view>
+      </view>
+    </view>
+  </view>
+
+  <view class='plan_calendar'>
+    <view class='title_box'>
+      <view>计划日历</view>
+      <view class='title_info'>
+        <view>2018年11月</view>
+        <view class='time'>8:00-9:00</view>
+      </view>
+    </view>
+    <view class='calendar_box'>
+      <view class='clendar_item'>
+        <view class="flex box box-tb box-align-center">
+          <view class="calendar pink-color box box-tb">
+            <view class="weeks box box-lr box-pack-center box-align-center">
+              <view class="flex week fs28" wx:for="{{weeksCh}}" wx:key="{{index}}" data-idx="{{index}}">{{item}}</view>
+            </view>
+            <view class="days box box-lr box-wrap">
+              <view wx:if="{{hasEmptyGrid}}" class="grid white-color box box-align-center box-pack-center" wx:for="{{empytGrids}}" wx:key="{{index}}" data-idx="{{index}}">
+              </view>
+              <view class="grid white-color box box-align-center box-pack-center " wx:for="{{days}}" wx:key="{{index}}" data-idx="{{index}}" bindtap="tapDayItem">
+                <view class="day {{0==index?'pink-bg2':''}}{{item.choosed ? 'border-radius pink-bg' : ''}} box box-align-center box-pack-center">{{item.day}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class='plan_box_info'>
+          <view>计划名称</view>
+          <view class='plab_btn'>课程管理（４）</view>
+          <view>上课教练</view>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <view class='vip_box'>
+    <view class='more_box'>
+      <view>已加入会员（20人）</view>
+      <view class='more_info more_info2'>离开课还差1人</view>
+    </view>
+    <view class='more_peoper'>
+      <view class='more_item'>
+        <image src='/images/dfdgweqt@2x.png'></image>
+        <view>厘米秒..</view>
+      </view>
+      <view class='more_item'>
+        <image src='/images/dfdgweqt@2x.png'></image>
+        <view>厘米秒..</view>
+      </view>
+      <view class='more_item '>
+        <view class='null_item'>等待..</view>
+      </view>
+    </view>
+  </view>
+  <view class='bottom_box'>
+    <view class='submit_btn'>加入团课计划</view>
+    <view>线下支付总费用￥600加入即同意《团课计划协议》</view>
+  </view>
+</view>

+/* pages/my/groupDetail/groupDetail.wxss */
+@import "/pages/yogaHome/yogaHomeClass/yogaHomeClass.wxss";
+
+page {
+  background: #fff;
+}
+
+.content_box {
+  position: relative;
+  top: 0;
+  padding: 0 30rpx;
+  background: #ffff;
+}
+
+.content_title_box {
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  padding: 20rpx 30rpx !important;
+}
+
+.content_info_box {
+  margin: 10rpx 0 0 0;
+}
+
+.list_content_box {
+  padding: 0 !important;
+}
+
+.item_list {
+  border-bottom: 1rpx solid #e8e8e8;
+  margin-bottom: 50rpx;
+  padding: 40rpx 40rpx 20rpx 40rpx;
+}
+
+.coentent_label_box {
+  padding: 30rpx 0;
+}
+
+.plan_item {
+  border-radius: 10rpx;
+  overflow: hidden;
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  margin-bottom: 40rpx;
+}
+
+.plan_content {
+  display: flex;
+  align-items: flex-start;
+  padding: 20rpx 30rpx;
+  border-bottom: 1rpx solid #e8e8e8;
+}
+
+.plan_content:last-child {
+  border-bottom: 0;
+}
+
+.plan_content_item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 30rpx;
+  font-size: 28rpx;
+  color: #999;
+}
+
+.plan_content_item:last-child {
+  margin-bottom: 0;
+}
+
+.plan_user_name {
+  font-size: 28rpx;
+  color: #333;
+}
+
+.plan_time_box {
+  font-size: 28rpx;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10rpx 0;
+}
+
+.icon-dianhua {
+  color: #ff7f7f;
+}
+
+.content_title {
+  width: 190rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+
+.plan_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #fff;
+  background: #333;
+  padding: 20rpx;
+}
+
+.plan_title2 {
+  background: #e1cdb8;
+}
+
+.plan_img_box {
+  width: 36%;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.one_box {
+  display: flex;
+  align-items: center;
+  /* justify-content: center; */
+  border-right: 1rpx solid #e1cdb8;
+}
+
+.plan_content_box {
+  width: 60%;
+  margin-left: 40rpx;
+}
+
+.one_content_box {
+  width: 70%;
+}
+
+.plan_img_item image {
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.plan_name {
+  font-size: 24rpx;
+  color: #999;
+  text-overflow: ellipsis;
+}
+
+.one_content_box .plan_content_item {
+  margin-bottom: 10rpx !important;
+}
+
+.one_img image {
+  width: 120rpx;
+  height: 120rpx;
+}
+
+.list_btn_box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.list_btn {
+  width: 100%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 141, 141, 1));
+  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(244, 118, 118, 0.36);
+  border-radius: 20rpx;
+  font-size: 30rpx;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.list_active {
+  background: linear-gradient(27deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 1));
+}
+
+.star_box {
+  display: flex;
+  align-items: center;
+  font-size: 20rpx;
+  color: #e8e8e8;
+}
+
+.icon-xing {
+  margin-right: 20rpx;
+}
+
+.xing_active {
+  color: #ff8080;
+}
+
+.schooltime_box {
+  width: 90%;
+  border-top: 1rpx solid #e8e8e8;
+  margin: 0 auto;
+  padding: 20rpx 0;
+  box-sizing: border-box;
+  font-size: 30rpx;
+  color: #333;
+}
+
+.time_detail {
+  font-size: 28rpx;
+  color: #666;
+  padding-left: 40rpx;
+  margin-top: 20rpx;
+}
+
+.plan_tab_content {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 40rpx 0;
+}
+
+.tab_item {
+  width: 25%;
+  font-size: 24rpx;
+  color: #333;
+  border-right: 1rpx solid #999;
+  text-align: center;
+}
+
+.tab_item:last-child {
+  border-right: 0;
+}
+
+.tab_active {
+  color: #ff8080;
+}
+
+.satisfaction_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: absolute;
+  margin-top: -25rpx;
+  left: 50%;
+  transform: translate(-50%);
+}
+
+.satisfaction_btn {
+  width: 160rpx;
+  height: 50rpx;
+  background: rgba(255, 128, 128, 1);
+  box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(245, 84, 84, 0.2);
+  border-radius: 6rpx;
+  font-size: 24rpx;
+  color: #fffefe;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.satisfaction_star {
+  width: 390rpx;
+  height: 60rpx;
+  background: rgba(254, 254, 254, 1);
+  box-shadow: 0rpx 10rpx 26rpx 0rpx rgba(110, 110, 110, 0.1);
+  border-radius: 8rpx;
+  margin-top: 20rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  color: #e8e8e8;
+}
+
+.course_box {
+  margin-top: 30rpx;
+}
+
+.label_title_box {
+  /* width: 100%;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 1rpx 0rpx 0rpx rgba(233, 233, 233, 1);
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1rpx solid #e9e9e9; */
+  padding: 0 30rpx;
+  font-size: 24rpx;
+  color: #333;
+  box-sizing: border-box;
+}
+
+.label_title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.label_info_box {
+  font-size: 28rpx;
+  color: #666;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+
+.course_item {
+  margin-bottom: 30rpx;
+}
+
+.label_btn {
+  font-size: 24rpx;
+  color: #ff8080;
+}
+
+.course_content_box {
+  width: 686rpx;
+  margin: 0 auto;
+  padding: 0 30rpx;
+  box-sizing: border-box;
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+  border-radius: 10rpx;
+}
+
+.course_content_item {
+  display: flex;
+  align-items: center;
+  border-bottom: 1rpx solid #999;
+  padding: 30rpx 0;
+}
+
+.course_content_item:last-child {
+  border-bottom: 0;
+}
+
+.course_img {
+  width: 200rpx;
+  height: 150rpx;
+}
+
+.course_img image {
+  width: 100%;
+  height: 100%;
+}
+
+.course_content_info {
+  width: 80%;
+  margin-left: 20rpx;
+}
+
+.course_title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #333;
+  margin: 0 auto;
+}
+
+.course_content {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.no_course {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: #e8e8e8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 55rpx 0;
+}
+
+.vip_box {
+  padding: 30rpx;
+}
+
+.more_box {
+  /* display: flex;
+  align-items: center;
+  justify-content: space-between; */
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  padding: 20rpx 0;
+  box-sizing: border-box;
+}
+
+.more_info {
+  font-size: 24rpx;
+  color: #333;
+}
+
+.more_info2 {
+  color: #ff7f7f;
+}
+
+.more_peoper {
+  width: 720rpx;
+  margin: 0 auto;
+  overflow: scroll;
+  white-space: nowrap;
+  display: flex;
+  align-items: flex-start;
+}
+
+.more_item {
+  display: inline-block;
+  margin-right: 20rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+
+.null_item {
+  width: 100rpx;
+  height: 100rpx;
+  font-size: 24rpx;
+  color: #999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #e8e8e8;
+}
+
+.more_peoper image {
+  width: 100rpx;
+  height: 100rpx;
+}
+
+.more_info_box {
+  width: 686rpx;
+  height: 150rpx;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 51, 51, 0.1);
+  border-radius: 10rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx;
+  box-sizing: border-box;
+}
+
+.more_info_box image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 8rpx;
+}
+
+.more_btn {
+  padding: 20rpx;
+  border-bottom: 1rpx solid #e8e8e8;
+}
+
+.more_btn:last-child {
+  border-bottom: 0;
+}
+
+.more_active {
+  color: #ff8080;
+}
+
+.vip_item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 28rpx;
+  /* font-weight: bold; */
+  color: #333;
+}
+
+.bottom_box {
+  width: 100%;
+  font-size: 24rpx;
+  color: #bfbfbf;
+  font-weight: bold;
+  padding: 0 40rpx;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  margin: 30rpx auto;
+}
+
+.submit_btn {
+  width: 100%;
+  height: 80rpx;
+  background: linear-gradient(27deg, rgba(255, 128, 128, 1), rgba(255, 140, 140, 1));
+  /* box-shadow: 4rpx 19rpx 92rpx 0rpx rgba(247, 94, 94, 0.39); */
+  border-radius: 20rpx;
+  font-size: 32rpx;
+  /* font-weight: bold; */
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 10rpx;
+}
+/*  */
+.plan_calendar{
+  margin-bottom: 30rpx;
+}
+.box {
+  display: flex;
+}
+
+.box-lr {
+  flex-direction: row;
+}
+
+.box-rl {
+  flex-direction: row-reverse;
+}
+
+.box-tb {
+  flex-direction: column;
+  padding: 10rpx 0;
+  color: #000;
+}
+
+.box-bt {
+  flex-direction: column-reverse;
+}
+
+.box-pack-center {
+  justify-content: center;
+}
+
+.box-pack-start {
+  justify-content: flex-start;
+}
+
+.box-pack-end {
+  justify-content: flex-end;
+}
+
+.box-pack-between {
+  justify-content: space-between;
+}
+
+.box-pack-around {
+  justify-content: space-around;
+}
+
+.box-align-center {
+  align-items: center;
+}
+
+.box-align-start {
+  align-items: flex-start;
+}
+
+.box-align-end {
+  align-items: flex-end;
+}
+
+.self-align-center {
+  align-self: center;
+  margin: 0 auto;
+}
+
+.self-align-start {
+  align-self: flex-start;
+}
+
+.self-align-end {
+  align-self: flex-end;
+}
+
+.self-align-stretch {
+  align-self: stretch;
+}
+
+.box-wrap {
+  flex-wrap: wrap;
+}
+
+.box-nowrap {
+  flex-wrap: nowrap;
+}
+
+.flex {
+  flex-grow: 1;
+}
+
+.shrink {
+  flex-shrink: 1;
+}
+
+.bg {
+  background-image: linear-gradient(to bottom, #faefe7, #ffcbd7);
+  overflow: hidden;
+}
+
+.brown-color {
+  color: #784344;
+}
+
+.pink-color {
+  color: #ff629a;
+  background: #fff;
+  /* margin-top: 16rpx; */
+}
+
+.white-color {
+  color: #fff;
+}
+
+.fs24 {
+  font-size: 24rpx;
+}
+
+.fs28 {
+  font-size: 26rpx;
+}
+
+.fs32 {
+  font-size: 32rpx;
+}
+
+.fs36 {
+  font-size: 36rpx;
+}
+
+.top-handle {
+  height: 80rpx;
+  color: #000;
+}
+
+.prev {
+  text-align: right;
+  height: 80rpx;
+}
+
+.next {
+  height: 80rpx;
+}
+
+.prev-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.next-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.date-area {
+  width: 50%;
+  height: 80rpx;
+  text-align: center;
+  font-weight: 800;
+}
+
+.weeks {
+  height: 50rpx;
+  line-height: 50rpx;
+  opacity: 0.5;
+}
+
+.week {
+  text-align: center;
+  color: #000;
+}
+
+.days {
+  /* height: 500rpx; */
+}
+
+.grid {
+  width: 93.1428571429rpx;
+}
+
+.day {
+  width: 50rpx;
+  height: 50rpx;
+  color: #666;
+  font-size: 26rpx;
+  margin-top: 30rpx;
+}
+
+.border-radius {
+  border-radius: 50%;
+  position: relative;
+  left: 0;
+  top: 0;
+  color: #666;
+}
+
+.pink-bg {
+  background: #ff8080;
+  color: #fff;
+  border-radius: 50%;
+}
+
+.pink-bg2 {
+  background: #e8e8e8;
+  border-radius: 50%;
+}
+
+.purple-bg {
+  background-color: #b8b8f1;
+}
+
+.right-triangle::after {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-left-color: #ff629a;
+  position: absolute;
+  right: -22rpx;
+  top: 18rpx;
+}
+
+.left-triangle::before {
+  content: "";
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-right-color: #ff629a;
+  position: absolute;
+  left: -22rpx;
+  top: 18rpx;
+}
+
+.tips {
+  text-align: center;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.types {
+  background-color: #ffedf4;
+  height: 50rpx;
+}
+
+.types-desc {
+  padding: 0 20rpx;
+}
+
+.type-name {
+  margin-top: 50rpx;
+  margin-bottom: 30rpx;
+}
+
+.type-desc {
+  padding: 0 35rpx;
+  line-height: 38rpx;
+}
+
+.explain {
+  border-top: 1px solid #eee;
+  width: 90%;
+  margin: 20rpx 5% 20rpx 5%;
+  padding: 20rpx 0;
+}
+
+.explain-title {
+  font-weight: bold;
+  margin-bottom: 15rpx;
+}
+
+.explain-item {
+  padding: 8rpx 20rpx;
+  color: #fff;
+}
+
+.left-border-radius {
+  border-top-left-radius: 20rpx;
+  border-bottom-left-radius: 20rpx;
+}
+
+.right-border-radius {
+  border-top-right-radius: 20rpx;
+  border-bottom-right-radius: 20rpx;
+}
+
+.picker-btns {
+  height: 120rpx;
+  line-height: 120rpx;
+  border-bottom: 1rpx solid #ff7ca0;
+}
+
+.picker-confirm {
+  margin-right: 50rpx;
+}
+
+.picker-cancel {
+  margin-left: 50rpx;
+}
+
+.picker-view {
+  color: #ff7ca0;
+  text-align: center;
+}
+
+/*  */
+
+.calendar_box {
+  padding: 0 50rpx;
+}
+
+.clendar_item {
+  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(89, 89, 89, 0.1);
+}
+
+.title_box {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #333;
+  padding: 20rpx 40rpx;
+  /* box-shadow: 0rpx -3rpx 29rpx 0rpx rgba(51, 51, 51, 0.1); */
+  position: relative;
+  z-index: 200;
+  /* text-align: center; */
+}
+
+.title_info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 30rpx;
+  font-weight: normal;
+  color: #333;
+  margin-top: 10rpx;
+}
+
+.time {
+  color: #999;
+}
+
+.plan_box_info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-top: 1rpx solid #e8e8e8;
+  padding: 30rpx;
+  font-size: 26rpx;
+  color: #333;
+}
+
+.plab_btn {
+  /* box-shadow: 0rpx 1rpx 3rpx 0rpx rgba(205, 47, 47, 0.2); */
+  border-radius: 10rpx;
+  background: #ff8080;
+  color: #fff;
+  padding: 10rpx 20rpx;
+  background: #fff;
+  color: #fff;
+}