Merge pull request '首页积分页面实施' (#7) from Branch_ccc into master

Reviewed-on: #7
2024-10-14 19:14:58 +08:00 · 2024-10-14 19:14:58 +08:00 · d68d92bfc1
commit d68d92bfc1
parent e0abf62c25 dd75674ff3
20 changed files with 976 additions and 606 deletions
--- a/pages.json
+++ b/pages.json
@ -46,6 +46,19 @@
 				"group": "商城"
 			}
 		},
+		{
+			"path": "pages/reservation_record/reservation_record",
+			"style": {
+				"navigationBarTitleText": "预约记录",
+				"enablePullDownRefresh": true
+			},
+			"meta": {
+				"auth": false,
+				"sync": true,
+				"title": "预约记录",
+				"group": "商城"
+			}
+		},
 		{
 			"path": "pages/index/user",
 			"style": {
@ -763,6 +776,9 @@
 			},
 			{
 				"pagePath": "pages/index/user"
+			},
+			{
+				"pagePath": "pages/index/category"
 			}
 		]
 	}
--- a/pages/app/sign.vue
+++ b/pages/app/sign.vue
@ -1,451 +1,608 @@
 <!-- 签到界面  -->
 <template>
-  <s-layout title="签到有礼">
-    <s-empty v-if="state.loading" icon="/static/data-empty.png" text="签到活动还未开始" />
-    <view v-if="state.loading" />
-    <view class="sign-wrap" v-else-if="!state.loading">
-      <!-- 签到日历 -->
-      <view class="content-box calendar">
-        <view class="sign-everyday ss-flex ss-col-center ss-row-between ss-p-x-30">
-          <text class="sign-everyday-title">签到日历</text>
-          <view class="sign-num-box">
-            已连续签到 <text class="sign-num">{{ state.signInfo.continuousDay }}</text> 天
-          </view>
-        </view>
-        <view
-          class="list acea-row row-between-wrapper"
-          style="
+	<s-layout title="签到有礼">
+		<view class="new-bg">
+			<image class="new-qdyl"
+				src="https://zysc.fjptzykj.com:3000/shangcheng/56024e3b60810cc781cbed30ebfe4568a8b721dae5e15aab848f760574558843.png">
+			</image>
+			<view class="new-title">签到有礼</view>
+			<view class="new-left-title">
+				<view class="top">
+					我的积分
+				</view>
+				<view class="bottom">
+					26871
+				</view>
+			</view>
+		</view>
+		<view class="new-main">
+			<view class="sign-list">
+				<view class="new-top">
+					<view class="left">已连续签到<span class="number">2</span>天</view>
+					<view class="right">
+						签到
+					</view>
+				</view>
+				<view class="new-bottom">
+					<view class="new-list" v-for=" o in 6">
+						<view class="t">
+							第1天
+						</view>
+						<view class="c">
+							<image class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/d1dd98b6a37ea9ea90c49898024d3669a54ee2a48f028b671609937b6b1250af.png"></image>
+						</view>
+						<view class="b">
+							10积分
+						</view>
+					</view>
+				</view>
+			</view>
+
+			<!-- 签到说明  -->
+			<view class="new-qdsm">
+				<view class="t">签到说明</view>
+				<view class="tt">1、已累计签到{{ state.signInfo.totalDay }}天</view>
+				<view class="tt">
+					2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~
+				</view>
+			</view>
+		</view>
+
+		<s-empty v-if="state.loading" icon="/static/data-empty.png" text="签到活动还未开始" />
+		<view v-if="state.loading" />
+		<view class="sign-wrap" v-else-if="!state.loading">
+			<!-- 签到日历 -->
+			<view class="content-box calendar">
+				<view class="sign-everyday ss-flex ss-col-center ss-row-between ss-p-x-30">
+					<text class="sign-everyday-title">签到日历</text>
+					<view class="sign-num-box">
+						已连续签到 <text class="sign-num">{{ state.signInfo.continuousDay }}</text> 天
+					</view>
+				</view>
+				<view class="list acea-row row-between-wrapper" style="
            padding: 0 30rpx;
            height: 240rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
-          "
-        >
-          <view class="item" v-for="(item, index) in state.signConfigList" :key="index">
-            <view
-              :class="
+          ">
+					<view class="item" v-for="(item, index) in state.signConfigList" :key="index">
+						<view :class="
                (index === state.signConfigList.length ? 'reward' : '') +
                ' ' +
                (state.signInfo.continuousDay >= item.day ? 'rewardTxt' : '')
-              "
-            >
-              第{{ item.day }}天
-            </view>
-            <view
-              class="venus"
-              :class="
+              ">
+							第{{ item.day }}天
+						</view>
+						<view class="venus" :class="
                (index + 1 === state.signConfigList.length ? 'reward' : '') +
                ' ' +
                (state.signInfo.continuousDay >= item.day ? 'venusSelect' : '')
-              "
-            >
-            </view>
-            <view class="num" :class="state.signInfo.continuousDay >= item.day ? 'on' : ''">
-              + {{ item.point }}
-            </view>
-          </view>
-        </view>
+              ">
+						</view>
+						<view class="num" :class="state.signInfo.continuousDay >= item.day ? 'on' : ''">
+							+ {{ item.point }}
+						</view>
+					</view>
+				</view>

-        <!-- 签到按钮 -->
-        <view class="myDateTable">
-          <view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
-            <button
-              class="ss-reset-button sign-btn"
-              v-if="!state.signInfo.todaySignIn"
-              @tap="onSign"
-            >
-              签到
-            </button>
-            <button class="ss-reset-button already-btn" v-else disabled> 已签到 </button>
-          </view>
-        </view>
-      </view>
+				<!-- 签到按钮 -->
+				<view class="myDateTable">
+					<view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
+						<button class="ss-reset-button sign-btn" v-if="!state.signInfo.todaySignIn" @tap="onSign">
+							签到
+						</button>
+						<button class="ss-reset-button already-btn" v-else disabled> 已签到 </button>
+					</view>
+				</view>
+			</view>

-      <!-- 签到说明 TODO @科举：这里改成【已累计签到】 -->
-      <view class="bg-white ss-m-t-16 ss-p-t-30 ss-p-b-60 ss-p-x-40">
-        <view class="activity-title ss-m-b-30">签到说明</view>
-        <view class="activity-des">1、已累计签到{{ state.signInfo.totalDay }}天</view>
-        <view class="activity-des">
-          2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~
-        </view>
-      </view>
-    </view>
+			<!-- 签到说明 TODO @科举：这里改成【已累计签到】 -->
+			<view class="bg-white ss-m-t-16 ss-p-t-30 ss-p-b-60 ss-p-x-40">
+				<view class="activity-title ss-m-b-30">签到说明</view>
+				<view class="activity-des">1、已累计签到{{ state.signInfo.totalDay }}天</view>
+				<view class="activity-des">
+					2、据说连续签到第 {{ state.maxDay }} 天可获得超额积分，一定要坚持签到哦~~~
+				</view>
+			</view>
+		</view>

-    <!-- 签到结果弹窗 -->
-    <su-popup :show="state.showModel" type="center" round="10" :isMaskClick="false">
-      <view class="model-box ss-flex-col">
-        <view class="ss-m-t-56 ss-flex-col ss-col-center">
-          <text class="cicon-check-round"></text>
-          <view class="score-title">
-            <text v-if="state.signResult.point">{{ state.signResult.point }} 积分 </text>
-            <text v-if="state.signResult.experience"> {{ state.signResult.experience }} 经验</text>
-          </view>
-          <view class="model-title ss-flex ss-col-center ss-m-t-22 ss-m-b-30">
-            已连续打卡 {{ state.signResult.day }} 天
-          </view>
-        </view>
-        <view class="model-bg ss-flex-col ss-col-center ss-row-right">
-          <view class="title ss-m-b-64">签到成功</view>
-          <view class="ss-m-b-40">
-            <button class="ss-reset-button confirm-btn" @tap="onConfirm">确认</button>
-          </view>
-        </view>
-      </view>
-    </su-popup>
-  </s-layout>
+		<!-- 签到结果弹窗 -->
+		<su-popup :show="state.showModel" type="center" round="10" :isMaskClick="false">
+			<view class="model-box ss-flex-col">
+				<view class="ss-m-t-56 ss-flex-col ss-col-center">
+					<text class="cicon-check-round"></text>
+					<view class="score-title">
+						<text v-if="state.signResult.point">{{ state.signResult.point }} 积分 </text>
+						<text v-if="state.signResult.experience"> {{ state.signResult.experience }} 经验</text>
+					</view>
+					<view class="model-title ss-flex ss-col-center ss-m-t-22 ss-m-b-30">
+						已连续打卡 {{ state.signResult.day }} 天
+					</view>
+				</view>
+				<view class="model-bg ss-flex-col ss-col-center ss-row-right">
+					<view class="title ss-m-b-64">签到成功</view>
+					<view class="ss-m-b-40">
+						<button class="ss-reset-button confirm-btn" @tap="onConfirm">确认</button>
+					</view>
+				</view>
+			</view>
+		</su-popup>
+	</s-layout>
 </template>

 <script setup>
-  import sheep from '@/sheep';
-  import { onReady } from '@dcloudio/uni-app';
-  import { reactive } from 'vue';
-  import SignInApi from '@/sheep/api/member/signin';
+	import sheep from '@/sheep';
+	import {
+		onReady
+	} from '@dcloudio/uni-app';
+	import {
+		reactive
+	} from 'vue';
+	import SignInApi from '@/sheep/api/member/signin';

-  const headerBg = sheep.$url.css('/static/img/shop/app/sign.png');
+	const headerBg = sheep.$url.css('/static/img/shop/app/sign.png');

-  const state = reactive({
-    loading: true,
+	const state = reactive({
+		loading: true,

-    signInfo: {}, // 签到信息
+		signInfo: {}, // 签到信息

-    signConfigList: [], // 签到配置列表
-    maxDay: 0, // 最大的签到天数
+		signConfigList: [], // 签到配置列表
+		maxDay: 0, // 最大的签到天数

-    showModel: false, // 签到弹框
-    signResult: {}, // 签到结果
-  });
+		showModel: false, // 签到弹框
+		signResult: {}, // 签到结果
+	});

-  // 发起签到
-  async function onSign() {
-    const { code, data } = await SignInApi.createSignInRecord();
-    if (code !== 0) {
-      return;
-    }
-    state.showModel = true;
-    state.signResult = data;
-    // 重新获得签到信息
-    await getSignInfo();
-  }
+	// 发起签到
+	async function onSign() {
+		const {
+			code,
+			data
+		} = await SignInApi.createSignInRecord();
+		if (code !== 0) {
+			return;
+		}
+		state.showModel = true;
+		state.signResult = data;
+		// 重新获得签到信息
+		await getSignInfo();
+	}

-  // 签到确认刷新页面
-  function onConfirm() {
-    state.showModel = false;
-  }
+	// 签到确认刷新页面
+	function onConfirm() {
+		state.showModel = false;
+	}

-  // 获得个人签到统计
-  async function getSignInfo() {
-    const { code, data } = await SignInApi.getSignInRecordSummary();
-    if (code !== 0) {
-      return;
-    }
-    state.signInfo = data;
-    state.loading = false;
-  }
+	// 获得个人签到统计
+	async function getSignInfo() {
+		const {
+			code,
+			data
+		} = await SignInApi.getSignInRecordSummary();
+		if (code !== 0) {
+			return;
+		}
+		state.signInfo = data;
+		state.loading = false;
+	}

-  // 获取签到配置
-  async function getSignConfigList() {
-    const { code, data } = await SignInApi.getSignInConfigList();
-    if (code !== 0) {
-      return;
-    }
-    state.signConfigList = data;
-    if (data.length > 0) {
-      state.maxDay = data[data.length - 1].day;
-    }
-  }
+	// 获取签到配置
+	async function getSignConfigList() {
+		const {
+			code,
+			data
+		} = await SignInApi.getSignInConfigList();
+		if (code !== 0) {
+			return;
+		}
+		state.signConfigList = data;
+		if (data.length > 0) {
+			state.maxDay = data[data.length - 1].day;
+		}
+	}

-  onReady(() => {
-    getSignInfo();
-    getSignConfigList();
-  });
-  // TODO 芋艿：1）css 需要优化，例如说引入的图片；2）删除多余的样式
+	onReady(() => {
+		getSignInfo();
+		getSignConfigList();
+	});
+	// TODO 芋艿：1）css 需要优化，例如说引入的图片；2）删除多余的样式
 </script>

 <style lang="scss" scoped>
-  .header-box {
-    border-top: 2rpx solid rgba(#dfdfdf, 0.5);
-  }
+	.header-box {
+		border-top: 2rpx solid rgba(#dfdfdf, 0.5);
+	}

-  // 日历
-  .calendar {
-    background: #fff;
+	// 日历
+	.calendar {
+		background: #fff;

-    .sign-everyday {
-      height: 100rpx;
-      background: rgba(255, 255, 255, 1);
-      border: 2rpx solid rgba(223, 223, 223, 0.4);
+		.sign-everyday {
+			height: 100rpx;
+			background: rgba(255, 255, 255, 1);
+			border: 2rpx solid rgba(223, 223, 223, 0.4);

-      .sign-everyday-title {
-        font-size: 32rpx;
-        color: rgba(51, 51, 51, 1);
-        font-weight: 500;
-      }
+			.sign-everyday-title {
+				font-size: 32rpx;
+				color: rgba(51, 51, 51, 1);
+				font-weight: 500;
+			}

-      .sign-num-box {
-        font-size: 26rpx;
-        font-weight: 500;
-        color: rgba(153, 153, 153, 1);
+			.sign-num-box {
+				font-size: 26rpx;
+				font-weight: 500;
+				color: rgba(153, 153, 153, 1);

-        .sign-num {
-          font-size: 30rpx;
-          font-weight: 600;
-          color: #ff6000;
-          padding: 0 10rpx;
-          font-family: OPPOSANS;
-        }
-      }
-    }
+				.sign-num {
+					font-size: 30rpx;
+					font-weight: 600;
+					color: #ff6000;
+					padding: 0 10rpx;
+					font-family: OPPOSANS;
+				}
+			}
+		}

-    // 年月日
-    .bar {
-      height: 100rpx;
+		// 年月日
+		.bar {
+			height: 100rpx;

-      .date {
-        font-size: 30rpx;
-        font-family: OPPOSANS;
-        font-weight: 500;
-        color: #333333;
-        line-height: normal;
-      }
-    }
+			.date {
+				font-size: 30rpx;
+				font-family: OPPOSANS;
+				font-weight: 500;
+				color: #333333;
+				line-height: normal;
+			}
+		}

-    .cicon-back {
-      margin-top: 6rpx;
-      font-size: 30rpx;
-      color: #c4c4c4;
-      line-height: normal;
-    }
+		.cicon-back {
+			margin-top: 6rpx;
+			font-size: 30rpx;
+			color: #c4c4c4;
+			line-height: normal;
+		}

-    .cicon-forward {
-      margin-top: 6rpx;
-      font-size: 30rpx;
-      color: #c4c4c4;
-      line-height: normal;
-    }
+		.cicon-forward {
+			margin-top: 6rpx;
+			font-size: 30rpx;
+			color: #c4c4c4;
+			line-height: normal;
+		}

-    // 星期
-    .week {
-      .week-item {
-        font-size: 24rpx;
-        font-weight: 500;
-        color: rgba(153, 153, 153, 1);
-        flex: 1;
-      }
-    }
+		// 星期
+		.week {
+			.week-item {
+				font-size: 24rpx;
+				font-weight: 500;
+				color: rgba(153, 153, 153, 1);
+				flex: 1;
+			}
+		}

-    // 日历表
-    .myDateTable {
-      display: flex;
-      flex-wrap: wrap;
+		// 日历表
+		.myDateTable {
+			display: flex;
+			flex-wrap: wrap;

-      .dateCell {
-        width: calc(750rpx / 7);
-        height: 80rpx;
-        font-size: 26rpx;
-        font-weight: 400;
-        color: rgba(51, 51, 51, 1);
-      }
-    }
-  }
+			.dateCell {
+				width: calc(750rpx / 7);
+				height: 80rpx;
+				font-size: 26rpx;
+				font-weight: 400;
+				color: rgba(51, 51, 51, 1);
+			}
+		}
+	}

-  .is-sign {
-    width: 48rpx;
-    height: 48rpx;
-    position: relative;
+	.is-sign {
+		width: 48rpx;
+		height: 48rpx;
+		position: relative;

-    .is-sign-num {
-      font-size: 24rpx;
-      font-family: OPPOSANS;
-      font-weight: 500;
-      line-height: normal;
-    }
+		.is-sign-num {
+			font-size: 24rpx;
+			font-family: OPPOSANS;
+			font-weight: 500;
+			line-height: normal;
+		}

-    .is-sign-image {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 48rpx;
-      height: 48rpx;
-    }
-  }
+		.is-sign-image {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 48rpx;
+			height: 48rpx;
+		}
+	}

-  .cell-num {
-    font-size: 24rpx;
-    font-family: OPPOSANS;
-    font-weight: 500;
-    color: #333333;
-    line-height: normal;
-  }
+	.cell-num {
+		font-size: 24rpx;
+		font-family: OPPOSANS;
+		font-weight: 500;
+		color: #333333;
+		line-height: normal;
+	}

-  .cicon-title {
-    position: absolute;
-    right: -10rpx;
-    top: -6rpx;
-    font-size: 20rpx;
-    color: red;
-  }
+	.cicon-title {
+		position: absolute;
+		right: -10rpx;
+		top: -6rpx;
+		font-size: 20rpx;
+		color: red;
+	}

-  // 签到按钮
-  .sign-box {
-    height: 140rpx;
-    width: 100%;
+	// 签到按钮
+	.sign-box {
+		height: 140rpx;
+		width: 100%;

-    .sign-btn {
-      width: 710rpx;
-      height: 80rpx;
-      border-radius: 35rpx;
-      font-size: 30rpx;
-      font-weight: 500;
-      box-shadow: 0 0.2em 0.5em rgba(#ff6000, 0.4);
-      background: linear-gradient(90deg, #ff6000, #fe832a);
-      color: #fff;
-    }
+		.sign-btn {
+			width: 710rpx;
+			height: 80rpx;
+			border-radius: 35rpx;
+			font-size: 30rpx;
+			font-weight: 500;
+			box-shadow: 0 0.2em 0.5em rgba(#ff6000, 0.4);
+			background: linear-gradient(90deg, #ff6000, #fe832a);
+			color: #fff;
+		}

-    .already-btn {
-      width: 710rpx;
-      height: 80rpx;
-      border-radius: 35rpx;
-      font-size: 30rpx;
-      font-weight: 500;
-    }
-  }
+		.already-btn {
+			width: 710rpx;
+			height: 80rpx;
+			border-radius: 35rpx;
+			font-size: 30rpx;
+			font-weight: 500;
+		}
+	}

-  .model-box {
-    width: 520rpx;
-    // height: 590rpx;
-    background: linear-gradient(177deg, #ff6000 0%, #fe832a 100%);
-    // background: linear-gradient(177deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
-    border-radius: 10rpx;
+	.model-box {
+		width: 520rpx;
+		// height: 590rpx;
+		background: linear-gradient(177deg, #ff6000 0%, #fe832a 100%);
+		// background: linear-gradient(177deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));
+		border-radius: 10rpx;

-    .cicon-check-round {
-      font-size: 70rpx;
-      color: #fff;
-    }
+		.cicon-check-round {
+			font-size: 70rpx;
+			color: #fff;
+		}

-    .score-title {
-      font-size: 34rpx;
-      font-family: OPPOSANS;
-      font-weight: 500;
-      color: #fcff00;
-    }
+		.score-title {
+			font-size: 34rpx;
+			font-family: OPPOSANS;
+			font-weight: 500;
+			color: #fcff00;
+		}

-    .model-title {
-      font-size: 28rpx;
-      font-weight: 500;
-      color: #ffffff;
-    }
+		.model-title {
+			font-size: 28rpx;
+			font-weight: 500;
+			color: #ffffff;
+		}

-    .model-bg {
-      width: 520rpx;
-      height: 344rpx;
-      background-size: 100% 100%;
-      background-image: v-bind(headerBg);
-      background-repeat: no-repeat;
-      border-radius: 0 0 10rpx 10rpx;
+		.model-bg {
+			width: 520rpx;
+			height: 344rpx;
+			background-size: 100% 100%;
+			background-image: v-bind(headerBg);
+			background-repeat: no-repeat;
+			border-radius: 0 0 10rpx 10rpx;

-      .title {
-        font-size: 34rpx;
-        font-weight: bold;
-        // color: var(--ui-BG-Main);
-        color: #ff6000;
-      }
+			.title {
+				font-size: 34rpx;
+				font-weight: bold;
+				// color: var(--ui-BG-Main);
+				color: #ff6000;
+			}

-      .subtitle {
-        font-size: 26rpx;
-        font-weight: 500;
-        color: #999999;
-      }
+			.subtitle {
+				font-size: 26rpx;
+				font-weight: 500;
+				color: #999999;
+			}

-      .cancel-btn {
-        width: 220rpx;
-        height: 70rpx;
-        border: 2rpx solid #ff6000;
-        border-radius: 35rpx;
-        font-size: 28rpx;
-        font-weight: 500;
-        color: #ff6000;
-        line-height: normal;
-        margin-right: 10rpx;
-      }
+			.cancel-btn {
+				width: 220rpx;
+				height: 70rpx;
+				border: 2rpx solid #ff6000;
+				border-radius: 35rpx;
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #ff6000;
+				line-height: normal;
+				margin-right: 10rpx;
+			}

-      .confirm-btn {
-        width: 220rpx;
-        height: 70rpx;
-        background: linear-gradient(90deg, #ff6000, #fe832a);
-        box-shadow: 0 0.2em 0.5em rgba(#ff6000, 0.4);
-        border-radius: 35rpx;
-        font-size: 28rpx;
-        font-weight: 500;
-        color: #ffffff;
-        line-height: normal;
-      }
-    }
-  }
+			.confirm-btn {
+				width: 220rpx;
+				height: 70rpx;
+				background: linear-gradient(90deg, #ff6000, #fe832a);
+				box-shadow: 0 0.2em 0.5em rgba(#ff6000, 0.4);
+				border-radius: 35rpx;
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #ffffff;
+				line-height: normal;
+			}
+		}
+	}

-  //签到说明
-  .activity-title {
-    font-size: 32rpx;
-    font-weight: 500;
-    color: #333333;
-    line-height: normal;
-  }
+	//签到说明
+	.activity-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333333;
+		line-height: normal;
+	}

-  .activity-des {
-    font-size: 26rpx;
-    font-weight: 500;
-    color: #666666;
-    line-height: 40rpx;
-  }
+	.activity-des {
+		font-size: 26rpx;
+		font-weight: 500;
+		color: #666666;
+		line-height: 40rpx;
+	}

-  .reward {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
-    width: 75rpx;
-    height: 56rpx;
-  }
+	.reward {
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
+		width: 75rpx;
+		height: 56rpx;
+	}

-  .rewardTxt {
-    width: 74rpx;
-    height: 32rpx;
-    background-color: #f4b409;
-    border-radius: 16rpx;
-    font-size: 20rpx;
-    color: #a57d3f;
-    line-height: 32rpx;
-  }
+	.rewardTxt {
+		width: 74rpx;
+		height: 32rpx;
+		background-color: #f4b409;
+		border-radius: 16rpx;
+		font-size: 20rpx;
+		color: #a57d3f;
+		line-height: 32rpx;
+	}

-  .venusSelect {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzkwRkI4NEFEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzkwRkI4NDlEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
-  }
+	.venusSelect {
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzkwRkI4NEFEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzkwRkI4NDlEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
+	}

-  .venus {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ3N0E3RkJEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ3N0E3RkFEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZClGIAAAT7SURBVHja7JtLcxtFEMdnn1rJUhIrTiS7KLsK/EXwNck3gCMcuUFx4QvACW48buHGMZxJPkiowpjC2LElcKzXSqul/6OdoOB9zezsCCimqmvXtdqd+U33dPf0rq2Tn54zg81KjrGuB75x8FbuddsQWIvkS5IxySA5b5no2DUE94TkKPk7IHmf5JDkUQJdW7MNw623o+Ra698KmAdnDNLeIJwRSHvDcLVDVnYynU771fnLl9eFcLZts+VymQf5iJ6pzfFYJeKgT/IZyTskXdWOPM9jjYbPLMticRyz2Sxk8/lc9XFDksckH1IcDKtq8FOSD6rMIuCCoPHXrBIk/qYDC0MlyO1kTBOSj6uuwXerwPn+63DrrdFo8OsV2ns6nEy3Chwg8lpFyK4OwNrgNGpSvxfFoDzP5etJR8PzsiYETmk+X5BjmpkBrHPGU109TeKqv5X3rT3QQ3ObaPDGRjIZXWZpol+b/cebUUA4iuHw938UoNbk9+zsjP16eqoV4JfjH1uqgLjxe10DiaKIDYZDNqfU7OrqSifjkzxIuwDubV2juLi8ZK7j8oT74uJSJ+BRHqQtC6cS/7A9wtrDvb7v84A9Go2UMyQZSFsWrmz6td4GgyF38a7r8lgGefHiQjnjkYG064ZDmjWktecRnEOCDa9DpjqdTrnUDSk2vJXgsHGdTKa0t5vx/V0Yhvy4WMx5hdf3VqYJDQqTxW+QdmECPM8h8flvPPRFR/QXBEEuKEw9Yz/5AyoDtBkei5zriyw4pGVFmoOHPD7+mQ/ccR1mWzZpyuIacx2Hgzl0FJkIjjBTHBeLiO6LuDZH4zFbRkt63oLt7+8XAmJcIhFP0eTn2C9CgzBTrPjUp7XbW6VSJGjx5OSEBhsz2wGkxc0R967LuukuSWKaFEwMnXJQSL/fZ51Op/QSuL5OdVjY7beFBq2sAlHZ/A8aOTg4YKenv/EBr8Nl5ZUO6jPJRGCg0dJie/d3WbPZlMpPMwpZsN0Y2sOVb7PcOzou22CGe3u7fB3J3Cd+udvvScG9soT0Kt13tAZj4UVRwHmWtZClcj+azX6vxx0GN8ECUFyHjnsEp+KlM8b3TBTKBCDqkA/SIFV20jCbO3duk8OIcgHF7G9ttbinVYFLcTBgeAAP+vc4mAkJVywLibARpZvOjWWA36rApYSI1+DSMhltkJPpRGIyJrXAZeWiWiCnk9kNU4RGl8m5MN1VLFzwWKobLm83kQtZbnMb8lgYJ2aIYH//3g73lEHQ5ECAXYUSu7QWZeCKqmoCcqSyPkQgd8lHbne3uSMRbWenSwNtU476BxtT9oJQOZ3OKKloq6SmmXBlyoZKb3nG4wnXyt1ul9261UkN9ggjvd497mDOz885KGN3pfvKg1OuixY15JCHh2/ymFjUms2AMqD9BFB/qwUQg5ZtrVY9b7H/LxtmZSCbaCr9KgGmpEeG6qpzM2tQBHudb5eKNLfKiUMzgAIyL6uRreHklB9qX4MDlQfLpHUV4AY6AB+rzl4ZyIqa+0aHiX6UlDTwMcK2CqQoEGmEE5+RfFK4N636vWjKh0Cp5ceS38k8JXko8yHQ7W7PXKBPBvYwGegNF4/q12g05mV7HXClqgs1ffEr+/LmaTIx0nCb+uI3U5M64Tadi5aBrBXORLKdB1k7nKndhID8GqUaErze/coEXJ1OJm9CY2bw3wr+FGAAoa6PIUihovYAAAAASUVORK5CYII=');
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    width: 56rpx;
-    height: 56rpx;
-    margin: 10rpx 0;
-  }
+	.venus {
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ3N0E3RkJEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ3N0E3RkFEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZClGIAAAT7SURBVHja7JtLcxtFEMdnn1rJUhIrTiS7KLsK/EXwNck3gCMcuUFx4QvACW48buHGMZxJPkiowpjC2LElcKzXSqul/6OdoOB9zezsCCimqmvXtdqd+U33dPf0rq2Tn54zg81KjrGuB75x8FbuddsQWIvkS5IxySA5b5no2DUE94TkKPk7IHmf5JDkUQJdW7MNw623o+Ra698KmAdnDNLeIJwRSHvDcLVDVnYynU771fnLl9eFcLZts+VymQf5iJ6pzfFYJeKgT/IZyTskXdWOPM9jjYbPLMticRyz2Sxk8/lc9XFDksckH1IcDKtq8FOSD6rMIuCCoPHXrBIk/qYDC0MlyO1kTBOSj6uuwXerwPn+63DrrdFo8OsV2ns6nEy3Chwg8lpFyK4OwNrgNGpSvxfFoDzP5etJR8PzsiYETmk+X5BjmpkBrHPGU109TeKqv5X3rT3QQ3ObaPDGRjIZXWZpol+b/cebUUA4iuHw938UoNbk9+zsjP16eqoV4JfjH1uqgLjxe10DiaKIDYZDNqfU7OrqSifjkzxIuwDubV2juLi8ZK7j8oT74uJSJ+BRHqQtC6cS/7A9wtrDvb7v84A9Go2UMyQZSFsWrmz6td4GgyF38a7r8lgGefHiQjnjkYG064ZDmjWktecRnEOCDa9DpjqdTrnUDSk2vJXgsHGdTKa0t5vx/V0Yhvy4WMx5hdf3VqYJDQqTxW+QdmECPM8h8flvPPRFR/QXBEEuKEw9Yz/5AyoDtBkei5zriyw4pGVFmoOHPD7+mQ/ccR1mWzZpyuIacx2Hgzl0FJkIjjBTHBeLiO6LuDZH4zFbRkt63oLt7+8XAmJcIhFP0eTn2C9CgzBTrPjUp7XbW6VSJGjx5OSEBhsz2wGkxc0R967LuukuSWKaFEwMnXJQSL/fZ51Op/QSuL5OdVjY7beFBq2sAlHZ/A8aOTg4YKenv/EBr8Nl5ZUO6jPJRGCg0dJie/d3WbPZlMpPMwpZsN0Y2sOVb7PcOzou22CGe3u7fB3J3Cd+udvvScG9soT0Kt13tAZj4UVRwHmWtZClcj+azX6vxx0GN8ECUFyHjnsEp+KlM8b3TBTKBCDqkA/SIFV20jCbO3duk8OIcgHF7G9ttbinVYFLcTBgeAAP+vc4mAkJVywLibARpZvOjWWA36rApYSI1+DSMhltkJPpRGIyJrXAZeWiWiCnk9kNU4RGl8m5MN1VLFzwWKobLm83kQtZbnMb8lgYJ2aIYH//3g73lEHQ5ECAXYUSu7QWZeCKqmoCcqSyPkQgd8lHbne3uSMRbWenSwNtU476BxtT9oJQOZ3OKKloq6SmmXBlyoZKb3nG4wnXyt1ul9261UkN9ggjvd497mDOz885KGN3pfvKg1OuixY15JCHh2/ymFjUms2AMqD9BFB/qwUQg5ZtrVY9b7H/LxtmZSCbaCr9KgGmpEeG6qpzM2tQBHudb5eKNLfKiUMzgAIyL6uRreHklB9qX4MDlQfLpHUV4AY6AB+rzl4ZyIqa+0aHiX6UlDTwMcK2CqQoEGmEE5+RfFK4N636vWjKh0Cp5ceS38k8JXko8yHQ7W7PXKBPBvYwGegNF4/q12g05mV7HXClqgs1ffEr+/LmaTIx0nCb+uI3U5M64Tadi5aBrBXORLKdB1k7nKndhID8GqUaErze/coEXJ1OJm9CY2bw3wr+FGAAoa6PIUihovYAAAAASUVORK5CYII=');
+		background-repeat: no-repeat;
+		background-size: 100% 100%;
+		width: 56rpx;
+		height: 56rpx;
+		margin: 10rpx 0;
+	}

-  .num {
-    font-size: 36rpx;
-    font-family: 'Guildford Pro';
-  }
+	.num {
+		font-size: 36rpx;
+		font-family: 'Guildford Pro';
+	}

-  .item {
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #eee;
-    height: 130rpx;
-  }
+	.item {
+		align-items: center;
+		justify-content: space-between;
+		border-bottom: 1px solid #eee;
+		height: 130rpx;
+	}

-  .reward {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
-    width: 75rpx;
-    height: 56rpx;
-  }
+	.reward {
+		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
+		width: 75rpx;
+		height: 56rpx;
+	}

-  .on {
-    background-color: #999 !important;
-  }
-</style>
+	.on {
+		background-color: #999 !important;
+	}
+
+	.new-bg {
+		position: relative;
+
+		.new-qdyl {
+			width: 100%;
+		}
+
+		.new-title {
+			color: white;
+			font-size: 20px;
+			position: absolute;
+			top: 26px;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+
+		.new-left-title {
+			position: absolute;
+			bottom: 69px;
+			left: 20px;
+
+			.top {
+				color: white;
+			}
+
+			.bottom {
+				color: white;
+				font-size: 38px;
+				font-weight: 700;
+			}
+		}
+	}
+	.new-main{
+		top:-57px;
+		position:relative;
+		.sign-list {
+			width: 80%;
+			margin: 0 auto;
+			padding: 20px;
+			background: white;
+			border-radius: 18px;
+			
+			.new-top {
+				display:flex;
+				justify-content: space-between;
+				margin-bottom:10px;
+				.left {
+					color:rgba(35,24,21,1);
+					font-size:25px;
+					font-weight:700;
+					.number{
+						color:rgba(255,110,16);
+						margin: 0 5px;
+					}
+				}
+		
+				.right {
+					padding:5px 10px;
+					color:white;
+					font-size:20px;
+					background:rgba(255,139,43);
+					width: 62px;
+					border-radius: 20px;
+					text-align: center;
+				}
+			}
+		
+			.new-bottom {
+				display:flex;
+				flex-wrap:wrap;
+				.new-list {
+					padding:5px 5px;
+					background: rgba(255,247,239);
+					width:33%;
+					border-radius:12px;
+					.t {
+						width:100%;
+						color:black;
+						text-align:center;
+					}
+		
+					.c {
+						width:100%;
+						margin:5px 0;
+						.img{
+							width:50px;
+							height:50px;
+							display:block;
+							margin:0 auto;
+						}
+					}
+		
+					.b {
+						width:100%;
+						color:rgba(176,144,122);
+						text-align:center;
+					}
+				}
+			}
+		}
+		
+		.new-qdsm {
+			.t {}
+		
+			.tt {}
+		}
+	}
+	
+</style>
--- a/pages/commission/components/commission-menu.vue
+++ b/pages/commission/components/commission-menu.vue
@ -38,7 +38,7 @@
        path: '/pages/commission/team',
      },
      {
-        img: 'https://zysc.fjptzykj.com:3000/shangcheng/ec41e4f5b45c087232aab8d088019a1e9d781b9bde0f54ddbb18e90230b83255.png',
+        img: 'https://zysc.fjptzykj.com:3000/shangcheng/228c9cd847514f99ca1181b4d413c24e482ab46459a557e3b934facb32ab546d.png',
        title: '佣金明细',
        path: '/pages/commission/wallet',
      },
@ -60,18 +60,18 @@
      // },
      // todo @芋艿：邀请海报需要登录后的个人数据
      {
-        img: 'https://zysc.fjptzykj.com:3000/shangcheng/f9f9914bb3c1695055771cada0022c12bcf08fe3975485fc05ddd345c6f6e2a4.png',
+        img: 'https://zysc.fjptzykj.com:3000/shangcheng/f238f60d6e45080cdbbd294c344d3e2fc3a30c34ccb9345e931b0c5aa9e90645.png',
        title: '邀请海报',
        path: 'action:showShareModal',
      },
      // TODO @芋艿：缺少 icon
      {
-        img: 'https://zysc.fjptzykj.com:3000/shangcheng/f9f9914bb3c1695055771cada0022c12bcf08fe3975485fc05ddd345c6f6e2a4.png',
+        img: 'https://zysc.fjptzykj.com:3000/shangcheng/d6bc7dbec1333e554a4781cbfae023e590a555dfca12784615023ae43bd2bf46.png',
        title: '推广排行',
        path: '/pages/commission/promoter',
      },
      {
-        img: 'https://zysc.fjptzykj.com:3000/shangcheng/f9f9914bb3c1695055771cada0022c12bcf08fe3975485fc05ddd345c6f6e2a4.png',
+        img: 'https://zysc.fjptzykj.com:3000/shangcheng/4332d64835bb4aedc05636950f7cd7dcbab085f0f72f42eee4d87799947a7108.png',
        title: '佣金排行',
        path: '/pages/commission/commission-ranking',
      },
--- a/pages/goods/groupon.vue
+++ b/pages/goods/groupon.vue
@ -75,7 +75,7 @@
 					</view>

 					<!-- 功能卡片 -->
-					<view class=" new-detail-card detail-cell-card detail-card ss-flex-col">
+					<view class="new-gonn new-detail-card detail-cell-card detail-card ss-flex-col">
 						<!-- 规格 -->
 						<detail-cell-sku :sku="state.selectedSkuPrice" @tap="state.showSelectSku = true" />
 					</view>
@ -94,42 +94,42 @@
 						:grouponAction="state.grouponAction" :grouponNum="state.grouponNum" @buy="onBuy"
 						@change="onSkuChange" @close="onSkuClose" />
 				</view>
-
+				<view class="new-bottom">
+					<!-- 评价 -->
+					<detail-comment-card class="detail-comment-selector" :goodsId="state.goodsId" />
+					<!-- 详情 -->
+					<detail-content-card class="detail-content-selector" :content="state.goodsInfo.description" />
+				
+					<!-- 商品tabbar -->
+					<!-- TODO: 已售罄、预热 判断 设计-->
+					<detail-tabbar v-model="state.goodsInfo">
+						<view class="buy-box ss-flex ss-col-center ss-p-r-20">
+							<button class="ss-reset-button origin-price-btn ss-flex-col"
+								@tap="sheep.$router.go('/pages/goods/index', { id: state.goodsInfo.id })">
+								<view class="btn-price">{{ fen2yuan(state.goodsInfo.marketPrice) }}</view>
+								<view>原价购买</view>
+							</button>
+							<button class="ss-reset-button btn-tox ss-flex-col" @tap="onCreateGroupon" :class="
+					  state.activity.status === 0 && state.goodsInfo.stock !== 0
+					    ? 'check-btn-box'
+					    : 'disabled-btn-box'
+					" :disabled="state.goodsInfo.stock === 0 || state.activity.status !== 0 || state.activity.remainingPurchases == 0">
+								<view class="btn-price">{{
+					  fen2yuan(state.activity.price || state.goodsInfo.price)
+					}}</view>
+								<view v-if="state.activity.startTime > new Date().getTime()">未开始</view>
+								<view v-else-if="state.activity.endTime <= new Date().getTime()">已结束</view>
+								<view v-else>
+									<view v-if="state.goodsInfo.stock === 0">已售罄</view>
+									<view v-else>立即开团</view>
+								</view>
+							</button>
+						</view>
+					</detail-tabbar>
+				</view>
+				
 			</view>
-			<view class="new-bottom">
-				<!-- 评价 -->
-				<detail-comment-card class="detail-comment-selector" :goodsId="state.goodsId" />
-				<!-- 详情 -->
-				<detail-content-card class="detail-content-selector" :content="state.goodsInfo.description" />
-
-				<!-- 商品tabbar -->
-				<!-- TODO: 已售罄、预热 判断 设计-->
-				<detail-tabbar v-model="state.goodsInfo">
-					<view class="buy-box ss-flex ss-col-center ss-p-r-20">
-						<button class="ss-reset-button origin-price-btn ss-flex-col"
-							@tap="sheep.$router.go('/pages/goods/index', { id: state.goodsInfo.id })">
-							<view class="btn-price">{{ fen2yuan(state.goodsInfo.marketPrice) }}</view>
-							<view>原价购买</view>
-						</button>
-						<button class="ss-reset-button btn-tox ss-flex-col" @tap="onCreateGroupon" :class="
-				  state.activity.status === 0 && state.goodsInfo.stock !== 0
-				    ? 'check-btn-box'
-				    : 'disabled-btn-box'
-				" :disabled="state.goodsInfo.stock === 0 || state.activity.status !== 0 || state.activity.remainingPurchases == 0"">
-							<view class="btn-price">{{
-				  fen2yuan(state.activity.price || state.goodsInfo.price)
-				}}</view>
-							<view v-if="state.activity.startTime > new Date().getTime()">未开始</view>
-							<view v-else-if="state.activity.endTime <= new Date().getTime()">已结束</view>
-							<view v-else>
-								<view v-if="state.goodsInfo.stock === 0">已售罄</view>
-								<view v-else>立即开团</view>
-							</view>
-						</button>
-					</view>
-				</detail-tabbar>
-			</view>
-
+			
 		</block>
 	</s-layout>
 </template>
@ -616,4 +616,7 @@
 		top: -31px;
 		// z-index: 2;
 	}
+	.new-gonn{
+		margin-bottom: 10px;
+	}
 </style>
--- a/pages/goods/seckill.vue
+++ b/pages/goods/seckill.vue
@ -32,7 +32,8 @@
 								<view class="origin-price ss-flex ss-col-center" v-if="state.goodsInfo.marketPrice">
 									
 									<view class="origin-price-text">
-										{{ fen2yuan(state.selectedSku.marketPrice || state.goodsInfo.marketPrice) }}
+										{{ state.selectedSku.marketPrice || state.goodsInfo.marketPrice }}
+										<!-- {{ fen2yuan(state.selectedSku.marketPrice || state.goodsInfo.marketPrice) }} -->
 									</view>
 								</view>
 							</view>
@ -86,7 +87,8 @@
 									v-if="state.goodsInfo.marketPrice"
 									@tap="sheep.$router.go('/pages/goods/index', { id: state.goodsInfo.id })">
 									<view>
-										<view class="btn-price">{{ fen2yuan(state.goodsInfo.marketPrice) }}</view>
+										<!-- <view class="btn-price">{{ fen2yuan(state.goodsInfo.marketPrice) }}</view> -->
+										<view class="btn-price">{{state.goodsInfo.marketPrice}}</view>
 										<view>原价购买</view>
 									</view>
 								</button>
@ -99,7 +101,7 @@
 								</button>
 								<button class="ss-reset-button btn-box ss-flex-col" @tap="state.showSelectSku = true"
 									:class="
-								  timeStatusEnum === TimeStatusEnum.STARTED && state.goodsInfo.stock != 0
+								  timeStatusEnum === TimeStatusEnum.STARTED && state.goodsInfo.stock != 0 && activity.remainingPurchases != 0
 									? 'check-btn-box'
 									: 'disabled-btn-box'
 								" :disabled="state.goodsInfo.stock === 0 || timeStatusEnum !== TimeStatusEnum.STARTED || activity.remainingPurchases == 0">
--- a/pages/index/user.vue
+++ b/pages/index/user.vue
@ -2,9 +2,8 @@
 <template>
 	<s-layout title="个人中心" tabbar="/pages/index/user" navbar="normal" :bgStyle="template.page"
 		:navbarStyle="template.navigationBar" onShareAppMessage>
-		
-		<image class="seckill" src="@/static/images/seckilbg.png"></image>
-		<s-block class="" v-for="(item, index) in template.components" :key="index" :styles="item.property.style">
+
+		<s-block class="" v-for="(item, index) in template.components" :key="index" :styles="item.id != 'UserCard' ? item.property.style: ''">
 			<s-block-item :type="item.id" :data="item.property" :styles="item.property.style" />
 		</s-block>
 	</s-layout>
@ -42,22 +41,18 @@
 </script>

 <style>
-	.new-main{
-		
-	}
+	.new-main {}
+
 	.seckill1 {
 		position: absolute;
-		top: 117px;
+		/* top: 117px; */
 		z-index: 22;
 		left: 50%;
 		transform: translateX(-50%);
 		width: 94%;
 	}

-	.seckill {
-		width: 100%;
-		position: absolute;
-	}
+	

 	view {
 		position: relative;
--- a/pages/order/confirm.vue
+++ b/pages/order/confirm.vue
@ -51,7 +51,7 @@
              class="score-img"
            />
            <text class="item-value ss-m-r-24">
-              {{ state.orderInfo.usedPoint }}
+              {{ state.orderInfo.usePoint }}
            </text>
          </view>
        </view>
@ -69,7 +69,7 @@
            <text class="item-value ss-m-r-24">
              {{
                state.pointStatus || state.orderPayload.pointActivityId
-                  ? state.orderInfo.totalPoint - state.orderInfo.usedPoint
+                  ? state.orderInfo.totalPoint - state.orderInfo.usePoint
                  : state.orderInfo.totalPoint || 0
              }}
            </text>
--- a/pages/reservation_record/reservation_record.vue
+++ b/pages/reservation_record/reservation_record.vue
@ -0,0 +1,211 @@
+<template>
+	<s-layout title="预约记录" :bgStyle="{ color: '#fff' }">
+        <view class="container">
+            <!--    <view class="health_title">
+    <image class="health_title_img" ></image>
+    <view class="health-title-title">预约记录</view>
+    </view> -->
+            <view class="cards">
+                <view class="card" v-for="(item, index) in reservationList" :key="index">
+                    <view class="card-content">
+                        <text class="type" >预约类型：{{ item.typeName }}</text>
+                        <!-- <text class="type" v-if="item.type===1">预约类型：教培预约</text> -->
+						  <text class="time">预约时间：{{ item.reAddTime }}</text>
+                    </view>
+					<view style="height: 1px; background-color: #e8e8e8;margin:7px 0px 7px 0px"></view>
+            <!--        <view class="card-contentinfo">
+                        <text class="time">预约时间：{{ item.reAddTime }}</text>
+                    </view> -->
+                    <view>
+                        <text class="address">医生：{{ item.technicianName }}</text><br><br>
+                        <text class="address">医馆：{{ item.brandName }}</text><br><br>
+                        <text class="address">医馆电话：{{ item.brandphone }}</text><br><br>
+                         <div class="address-container">
+                           <text class="address">医馆地址：{{ item.brandaddress }}</text><br><br>
+                         </div>
+                        <text class="address">备注：{{ item.remark }}</text><br><br>
+                    </view>
+                    <view>
+                        <text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===0">待审核</text>
+                        <text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===1">预约成功</text>
+                        <text class="status" style="float: right; border-radius: 10px; background-color: orangered; padding: 5px 10px; color: white;" v-if=" item.reStatus===2">已完结</text><br><br>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </s-layout>
+</template>
+
+<script>
+	import request from '@/sheep/request';
+	import { computed } from 'vue';
+	import sheep from '@/sheep';
+	import {
+		baseUrl,
+		apiPath
+	} from '@/sheep/config';
+	export default {
+		data() {
+			return {
+				memberId:null,
+				reservationList: [],
+				page: 1,
+				limit: 10,
+				totalPages: 1,
+			};
+		},
+		created() {
+			this.memberId=computed(() => sheep.$store('user').userInfo).value.id
+			this.getList();
+		},
+		methods: {
+			getList() {
+				request({
+					url: `${baseUrl}${apiPath}/h5/reservation/list`,
+					method: 'GET',
+					params:{
+						userId:this.memberId,
+					},
+					custom: {
+						showLoading: false,
+					},
+				}).then((res) => {
+					this.reservationList = res.data.list
+				});
+				// uni.request({
+				// 	url: `${baseUrl}${apiPath}/h5/reservation/list`, // 接口地址
+				// 	data: {
+				// 		userId:this.memberId,
+				// 	},
+				// 	success: (res) => {
+				// 		console.log(res.data);
+				// 		this.reservationList = res.data.rows
+				// 	},
+				// 	fail: (error) => {
+				// 		console.log(error)
+				// 	}
+				// })
+			},
+		}
+	};
+</script>
+
+
+<style scoped>
+	.address-container {
+	  display: flex;
+	  align-items: center;
+	}
+	.container {
+		display: flex;
+		flex-direction: column;
+		/* align-items: center; */
+		background-color: #f5f5f5;
+		padding: 10px;
+	}
+
+	.header {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.title {
+		font-size: 24px;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.cards {
+		width: 100%;
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-around;
+		margin-top: 0px;
+	}
+
+	.card {
+		/* width: calc(50% - 10px); */
+		width: 100%;
+		background-color: #fff;
+		border-radius: 10px;
+		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+		margin-bottom: 20px;
+		padding: 10px;
+	}
+
+	.card-content {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.card-contentinfo {
+		margin-top: 20px;
+		text-align: center;
+		/* display: flex;
+  justify-content: space-between; */
+	}
+
+	.card-image {
+		width: 50px;
+		height: 50px;
+		border-radius: 25px;
+	}
+
+	.technician {
+		margin-left: 20%;
+	}
+
+	.hospital,
+	.technician,
+	.type{
+		margin-left: 20px;
+		font-size: 15px;
+		color: #161616;
+		font-weight: bold;
+	}
+	.status {
+		font-size: 15px;
+		color: #666;
+	}
+	.address{
+		margin: 20px 0px 0px 20px ;
+		font-size: 15px;
+		color: #666;
+		}
+	.health-list {
+		background-color: #FFFFFF;
+		height: 100%;
+		width: 98%;
+		margin: 5PX;
+		padding-left: 15px;
+		padding-top: 10px;
+		/* padding: 10px; */
+		border-radius: 12px;
+	}
+
+	.health_title {
+		padding: 5px;
+	}
+
+	.health_title_img {
+		float: left;
+		width: 40px;
+		height: 40px;
+	}
+
+	.health-title-title {
+		float: none;
+		font-size: 18px;
+		font-weight: bold;
+		margin-top: 10px;
+		margin-left: 10px;
+	}
+
+	.time {
+		/* margin-top: 20px; */
+		font-size: 15px;
+		color: #5e5e5e;
+	}
+</style>
--- a/pages/subscribe/subscribe.vue
+++ b/pages/subscribe/subscribe.vue
@ -22,7 +22,7 @@
 				<text class="clinic-select-label">医馆选择</text>
 				<picker mode="selector" :range="brandNameList" @change="onClinicChange">
 					<view class="clinic-select-value">
-						<text>{{ brandList.list[selectedClinicIndex].name}}</text>
+						<text>{{ ll}}</text>
 					</view>
 				</picker>
 			</view>
@ -30,7 +30,7 @@
 				<text class="clinic-select-label">预约类型</text>
 				<picker mode="selector" :range="typenameList" @change="ontype">
 					<view class="clinic-select-value">
-						<text>{{ typeList[selecttypeIndex].label}}</text>
+						<text>{{ gg }}</text>
 					</view>
 				</picker>
 			</view>
@ -190,6 +190,8 @@
 				selecttypeIndex: 0,
 				techid: 0,
 				type: 0,
+				ll:'请选择',
+				gg:'请选择'
 			};
 		},
 		created() {
@ -210,14 +212,16 @@
 				this.brandName = this.brandList.list[selectedClinicIndex].name
 				this.brandId = this.brandList.list[selectedClinicIndex].id
 				console.log("dddddddddddd")
+				this.ll = this.brandList.list[selectedClinicIndex].name
 				this.technicianList();
 			},
 			ontype(event) {
 				const selecttypeIndex = event.detail.value;
 				this.selecttypeIndex = selecttypeIndex;
 				this.typename = this.typeList[selecttypeIndex].dictValue
-				this.type = this.typeList[selecttypeIndex].dictValue
-				console.log(this.selecttypeIndex)
+				this.type = this.typeList[selecttypeIndex].value
+				console.log(this.type,"this.type")
+				this.gg = this.typeList[selecttypeIndex].label
 				this.technicianList();
 			},
 			// 查询医馆列表 
@ -235,7 +239,7 @@
 						// this.brandList[i].depict=(this.brandList[i].depict).replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')
 						this.brandNameList.push(this.brandList.list[i].name)
 					}
-
+					
 					this.brandId = this.brandList[0].id
 					this.technicianList();
 				});
@ -435,7 +439,7 @@
 				this.memberId = computed(() => sheep.$store('user').userInfo).value.id
 				if (!this.memberId) {
 					if (sheep.$platform.name === 'WechatMiniProgram') {
-						showAuthModal('wechatMiniLogin')
+						// showAuthModal('wechatMiniLogin')
 						return;
 					}
 					showAuthModal('accountLogin')
@ -451,7 +455,7 @@
 						sheep.$helper.toast('请选择预约时间段')
 					} else if (this.memberId) {
 						request({
-							url: `${baseUrl}/app-api/h5/reservation`,
+							url: `${baseUrl}/app-api/h5/reservation/add`,
 							method: 'post',
 							params: {
 								type: this.type,
@ -481,39 +485,7 @@
 								}
 							});
 						});
-						// uni.request({
-						// 	method: "post",
-						// 	url: `${baseUrl}/app-api/h5/reservation`,
-						// 	data: {
-						// 		type: this.type,
-						// 		brandId: this.brandId,
-						// 		technicianId: this.techid,
-						// 		reAddTime: this.addDate,
-						// 		hsstr: this.hsstr,
-						// 		userId: this.memberId,
-						// 	},
-						// 	success: (res) => {
-						// 		uni.showModal({
-						// 			title: '预约提示',
-						// 			content: '预约成功！',
-						// 			success: function(res) {
-						// 				if (res.confirm) {
-						// 					uni.switchTab({
-						// 						url: '/pages/index/user'
-						// 					});
-						// 				} else {
-						// 					uni.switchTab({
-						// 						url: '/pages/index/user'
-						// 					});
-						// 				}
-						// 			}
-						// 		});
-
-						// 	},
-						// 	fail: (error) => {
-						// 		console.log(error)
-						// 	}
-						// })
+						

 					}
 				}
--- a/sheep/components/s-block-item/s-block-item.vue
+++ b/sheep/components/s-block-item/s-block-item.vue
@ -1,7 +1,7 @@
 <template>
 	<view>
-		
-			<!-- 基础组件：搜索框 -->
+
+		<!-- 基础组件：搜索框 -->
 		<s-search-block v-if="type === 'SearchBar'" :data="data" :styles="styles" :navbar="false" />
 		<!-- 基础组件：公告栏 -->
 		<s-notice-block v-if="type === 'NoticeBar'" :data="data" />
@ -41,19 +41,17 @@
 		<!-- 营销组件：秒杀 -->
 		<s-seckill-block v-if="type === 'PromotionSeckill'" :data="data" :styles="styles" />
 		<!-- 营销组件：积分商城 -->
-				<s-point-block v-if="type === 'PromotionPoint'" :data="data" :styles="styles" />
+		<s-point-block v-if="type === 'PromotionPoint'" :data="data" :styles="styles" />
 		<!-- 营销组件：小程序直播（暂时没有这个功能） -->
 		<s-live-block v-if="type === 'MpLive'" :data="data" :styles="styles" />
 		<!-- 营销组件：优惠券 -->
 		<s-coupon-block v-if="type === 'CouponCard'" :data="data" :styles="styles" />
 		<!-- 营销组件：文章 -->
 		<!-- <s-richtext-block v-if="type === 'PromotionArticle'" :data="data" :styles="styles" /> -->
-		<view class="floxt" v-if="type === 'PromotionArticle'" >
+		<view class="floxt" v-if="type === 'PromotionArticle'">
 			<view class="addClass" v-for="(item, index) in state.model" @click="path(item.id)">
 				<view class="image">
-					<image
-						:src="item.picUrl"
-						alt="" />
+					<image :src="item.picUrl" alt="" />
 				</view>
 				<view class="text">
 					<view class="top">
@ -68,15 +66,12 @@

 		<!-- 用户组件：用户卡片 -->
 		<s-user-card v-if="type === 'UserCard'" />
-		<view v-if="type === 'UserOrder'" class="new-huiy"
-			@click="
+		<view v-if="type === 'UserOrder'" class="new-huiy" @click="
 			  sheep.$router.go('/pages/user/user_vip/index')
-			"
-		>
+			">
 			<view class="new-button">立即开通</view>
-			<img class="seckill1" mode="aspectFit"
-				src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png"
-			/>
+			<image class="seckill1" mode="aspectFit"
+				src="https://zysc.fjptzykj.com:3000/shangcheng/64776e2edc3c2f15295e7c3976ba301e08f9170f99a2e845d8f33bd65179b177.png" />
 		</view>
 		<!-- 用户组件：用户订单 -->
 		<s-order-card v-if="type === 'UserOrder'" :data="data" />
@ -89,17 +84,24 @@

 <script setup>
 	import sheep from '@/sheep';
-	import { ref, reactive, unref } from 'vue';
+	import {
+		ref,
+		reactive,
+		unref
+	} from 'vue';
 	import AddressApi from '@/sheep/api/member/address';
 	const state = reactive({
-	  model: [],
+		model: [],
 	});
-	
+
 	const ff = async (id) => {
-		let { code, data } = await AddressApi.textList();
-		state.model = data; 
+		let {
+			code,
+			data
+		} = await AddressApi.textList();
+		state.model = data;
 	}
-	
+
 	ff();
 	/**
 	 * 装修组件 - 组件集
@ -122,51 +124,55 @@
 	function path(id) {
 		// $u.route({url:'/pages/goods/index',params:{id:'14'}})
 		uni.navigateTo({
-		  url: `/pages/mulu/mulu?id=${id}`
+			url: `/pages/mulu/mulu?id=${id}`
 		});
 	}
-	
-	
 </script>

 <style scoped lang="scss">
-	:deep(.uni-border-bottom){
-		  height:0;
+	:deep(.uni-border-bottom) {
+		height: 0;
 	}
-	.new-huiy{
-		width:100%;
-		height:100px;
-		.new-button{
-			background:white;
-			padding:4px 8px;
-			text-align:center;
+
+	.new-huiy {
+		width: 100%;
+		height: 89px;
+		z-index: 9999999999999;
+
+		.new-button {
+			background: white;
+			padding: 4px 8px;
+			text-align: center;
 			position: absolute;
 			border-radius: 20px;
 			right: 29px;
 			top: 37px;
-			font-size:14px;
+			font-size: 14px;
 			color: rgba(148, 109, 45, 1);
 			z-index: 33;
 		}
-		.seckill1{
+
+		.seckill1 {
+			height: 100px;
 			position: absolute;
-			    top: -71px;
-			    z-index: 22;
-			    /* left: 50%; */
-			    /* transform: translateX(-50%); */
-			    width: 94%;
+			z-index: 22;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 94%;
 		}
 	}
-	
-	
+
+
 	.floxt {
 		width: 100%;
+
 		.addClass {
-			background:white;
+			background: white;
 			display: flex;
 			justify-content: space-between;
 			width: 100%;
-			margin:20rpx 0;
+			margin: 20rpx 0;
+
 			// padding: 40rpx;
 			// padding-right: 0;
 			// height: 200rpx;
@ -174,8 +180,9 @@
 				width: 250rpx;
 				height: 156rpx;
 				margin-right: 18rpx;
-				padding:20rpx 20rpx;
-				image{
+				padding: 20rpx 20rpx;
+
+				image {
 					width: 100%;
 					height: 100%;
 				}
@ -185,15 +192,16 @@
 				display: flex;
 				width: 100%;
 				// text-align: center;
-				padding:20rpx 20rpx;
-				flex:1;
+				padding: 20rpx 20rpx;
+				flex: 1;
 				flex-direction: column;
 				justify-content: space-between;
-				.bottom{
+
+				.bottom {
 					color: #999;
 					font-size: 12px;
 				}
-				
+
 			}
 		}
 	}
--- a/sheep/components/s-goods-column/s-goods-column.vue
+++ b/sheep/components/s-goods-column/s-goods-column.vue
@ -614,7 +614,7 @@
 	}

 	.price-unit {
-		margin-right: -4px;
+		margin-right: 0px;
 	}

 	.sales-text {
--- a/sheep/components/s-groupon-block/s-groupon-block.vue
+++ b/sheep/components/s-groupon-block/s-groupon-block.vue
@ -64,7 +64,7 @@
 			</view>
 		</view> -->

-		<view v-if="'threeCol' === 'threeCol'" class="goods-sm-box ss-flex ss-flex-wrap"
+		<view v-if="'threeCol' === 'threeCol'" class="goods-sm-box ss-flex ss-flex-wrap new-ll"
 			:style="[{ margin: '-' + data.space + 'rpx' }]">
 			<!-- productList -->
 			<view v-for="product in productList" :key="product.id" class="goods-card-box" :style="[
@ -225,7 +225,7 @@

 	.new-class {
 		background: white;
-		border-radius: 8px;
+		border-radius: 13px;
 	}

 	:deep(.sm-goods-card) {
--- a/sheep/components/s-layout/s-layout.vue
+++ b/sheep/components/s-layout/s-layout.vue
@ -41,7 +41,7 @@
        />

        <!-- 页面内容插槽 -->
-        <slot />
+        <slot  />

        <!-- 底部导航 -->
        <s-tabbar v-if="tabbar !== ''" :path="tabbar" />
--- a/sheep/components/s-menu-grid/s-menu-grid.vue
+++ b/sheep/components/s-menu-grid/s-menu-grid.vue
@ -1,82 +1,78 @@
 <!-- 装修基础组件：宫格导航 -->
 <template>
-  <uni-grid :showBorder="Boolean(data.border)" :column="data.column">
-    <uni-grid-item
-      v-for="(item, index) in data.list"
-      :key="index"
-      @tap="sheep.$router.go(item.url)"
-    >
-      <view class="grid-item-box ss-flex ss-flex-col ss-row-center ss-col-center">
-        <view class="img-box">
-          <view
-            class="tag-box"
-            v-if="item.badge.show"
-            :style="[{ background: item.badge.bgColor, color: item.badge.textColor }]"
-          >
-            {{ item.badge.text }}
-          </view>
-          <image class="menu-image" :src="sheep.$url.cdn(item.iconUrl)"></image>
-        </view>
+	<uni-grid :showBorder="Boolean(data.border)" :column="data.column">
+		<uni-grid-item v-for="(item, index) in data.list" :key="index" @tap="sheep.$router.go(item.url)">
+			<view class="grid-item-box ss-flex ss-flex-col ss-row-center ss-col-center">
+				<view class="img-box">
+					<view class="tag-box" v-if="item.badge.show"
+						:style="[{ background: item.badge.bgColor, color: item.badge.textColor }]">
+						{{ item.badge.text }}
+					</view>
+					<image class="menu-image" :src="sheep.$url.cdn(item.iconUrl)"></image>
+				</view>

-        <view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center">
-          <view class="grid-text" :style="[{ color: item.titleColor }]">
-            {{ item.title }}
-          </view>
-          <view class="grid-tip" :style="[{ color: item.subtitleColor }]">
-            {{ item.subtitle }}
-          </view>
-        </view>
-      </view>
-    </uni-grid-item>
-  </uni-grid>
+				<view class="title-box ss-flex ss-flex-col ss-row-center ss-col-center">
+					<view class="grid-text" :style="[{ color: item.titleColor }]">
+						{{ item.title }}
+					</view>
+					<view class="grid-tip" :style="[{ color: item.subtitleColor }]">
+						{{ item.subtitle }}
+					</view>
+				</view>
+			</view>
+		</uni-grid-item>
+	</uni-grid>
 </template>

 <script setup>
-  import sheep from '@/sheep';
+	import sheep from '@/sheep';

-  const props = defineProps({
-    data: {
-      type: Object,
-      default() {},
-    },
-  });
+	const props = defineProps({
+		data: {
+			type: Object,
+			default () {},
+		},
+	});
 </script>

 <style lang="scss" scoped>
-  .menu-image {
-    width: 45px;
-    height: 45px;
-  }
-  .grid-item-box {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    .img-box {
-      position: relative;
-      .tag-box {
-        position: absolute;
-        z-index: 2;
-        top: 0;
-        right: 0;
-        font-size: 2em;
-        line-height: 1;
-        padding: 0.4em 0.6em 0.3em;
-        transform: scale(0.4) translateX(0.5em) translatey(-0.6em);
-        transform-origin: 100% 0;
-        border-radius: 200rpx;
-        white-space: nowrap;
-      }
-    }
+	.menu-image {
+		width: 45px;
+		height: 45px;
+	}

-    .title-box {
-      .grid-tip {
-        font-size: 24rpx;
-        white-space: nowrap;
-        text-align: center;
-      }
-    }
-  }
-</style>
+	.grid-item-box {
+		// flex: 1;
+		// display: flex;
+		// flex-direction: column;
+		// align-items: center;
+		// justify-content: center;
+		// height: 100%;
+
+		.img-box {
+			position: relative;
+
+			.tag-box {
+				position: absolute;
+				z-index: 2;
+				top: 0;
+				right: 0;
+				font-size: 2em;
+				line-height: 1;
+				padding: 0.4em 0.6em 0.3em;
+				transform: scale(0.4) translateX(0.5em) translatey(-0.6em);
+				transform-origin: 100% 0;
+				border-radius: 200rpx;
+				white-space: nowrap;
+			}
+		}
+
+		.title-box {
+			.grid-tip {
+				font-size: 24rpx;
+				white-space: nowrap;
+				text-align: center;
+			}
+		}
+	}
+</style>
--- a/sheep/components/s-notice-block/s-notice-block.vue
+++ b/sheep/components/s-notice-block/s-notice-block.vue
@ -32,7 +32,8 @@
 <style lang="scss" scoped>
  .notice-wrap {
    .icon-img {
-      height: 56rpx;
+	  width: 80px !important;
+      height: 20px;
    }
  }
 </style>
--- a/sheep/components/s-order-card/s-order-card.vue
+++ b/sheep/components/s-order-card/s-order-card.vue
@ -1,6 +1,6 @@
 <!-- 装修用户组件：用户订单 -->
 <template>
-	<view style="background:white;">
+	<view style="background:white;border-radius: 9px;">
 		<view class="title">
 			<span>订单中心</span>
 			<view class="ff">
--- a/sheep/components/s-select-seckill-sku/s-select-seckill-sku.vue
+++ b/sheep/components/s-select-seckill-sku/s-select-seckill-sku.vue
@ -34,12 +34,12 @@
              ￥{{ fen2yuan(state.selectedSku.price || state.goodsInfo.price) }}
            </view>
            <!-- 秒杀价格标签 -->
-            <view class="tig ss-flex ss-col-center">
+            <!-- <view class="tig ss-flex ss-col-center">
              <view class="tig-icon ss-flex ss-col-center ss-row-center">
                <text class="cicon-alarm"></text>
              </view>
              <view class="tig-title">秒杀价</view>
-            </view>
+            </view> -->
            <!-- 库存 -->
            <view class="stock-text ss-m-l-20">
              库存{{ state.selectedSku.stock || state.goodsInfo.stock }}件
--- a/sheep/components/s-user-card/s-user-card.vue
+++ b/sheep/components/s-user-card/s-user-card.vue
@ -1,6 +1,7 @@
 <!-- 装修用户组件：用户卡片 -->
 <template>
-	<view class="ss-user-info-wrap ss-p-t-50" style="z-index: 9999;margin-top: 23px;">
+	<view class="ss-user-info-wrap ss-p-t-50" style="z-index: 9999;">
+		<image class="seckill" src="@/static/images/seckilbg.png"></image>
 		<view class="ss-flex ss-col-center ss-row-between ">
 			<view class="left-box ss-flex ss-col-center ss-m-l-36">
 				<view class="avatar-box ss-m-r-24">
@ -179,4 +180,12 @@
 			color: #ffffff;
 		}
 	}
+	.seckill {
+		width: 100%;
+		position: absolute;
+		top:0;
+		left:0;
+		height:217px;
+		z-index:0;
+	}
 </style>
--- a/sheep/components/s-wallet-card/s-wallet-card.vue
+++ b/sheep/components/s-wallet-card/s-wallet-card.vue
@ -1,6 +1,6 @@
 <!-- 装修用户组件：用户资产 -->
 <template>
-  <view class="ss-wallet-menu-wrap ss-flex ss-col-center" style="z-index: 9999;">
+  <view class="ss-wallet-menu-wrap ss-flex ss-col-center" style="z-index: 9999;    margin-top: 17px;position: relative;">
    <view
      class="menu-item ss-flex-1 ss-flex-col ss-row-center ss-col-center"
      @tap="sheep.$router.go('/pages/user/wallet/money')"
--- a/static/images/seckilbg.png
+++ b/static/images/seckilbg.png