From b5602f098c36373e0dcc5816d12325b05841bbf8 Mon Sep 17 00:00:00 2001
From: zhangkai <847704969@qq.com>
Date: Tue, 13 May 2025 14:58:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=86=E4=BA=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/center/detail.vue | 3129 ++++++++++++++++++++-------------------
 1 file changed, 1589 insertions(+), 1540 deletions(-)

diff --git a/pages/center/detail.vue b/pages/center/detail.vue
index 7db0d81..0f9d71c 100644
--- a/pages/center/detail.vue
+++ b/pages/center/detail.vue
@@ -1,103 +1,100 @@
 <template>
 	<view class="detail_all">
 		<view class="nav" @click="goHome">
-			<u-navbar :is-back="true" leftIconColor="#FFFFFF" :autoBack="true"  :bgColor="background"
+			<u-navbar :is-back="true" leftIconColor="#FFFFFF" :autoBack="true" :bgColor="background"
 				:titleStyle='titleStyle'> </u-navbar>
 		</view>
 		<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
-		<view class="swiper">
-			<u-swiper :list="detail.images" indicator indicatorActiveColor="#323232" indicatorMode="dot" :indicator-style="{ bottom: '60rpx',zIndex: 999}"
-			 :height="height_sw" circular></u-swiper>
-		</view>
-		
-		<view class="con-center w-100 flex justify-center flex-column align-items flex-start">
-			<image src="/static/detail/conbg.png" class="topimgs"></image>
-			<image src="/static/detail/rmb.png" class="topimgs_rmb"></image>
-
-			<view class="top_texts flex align-items" v-if="detail.feel == 0">
-				<span style="font-weight: 900;font-size: 56rpx;">{{ detail.price.split('.')[0] }}</span>
-				<view class="flex flex-column xiao">
-					<span>.{{ detail.price.split('.')[1] }}</span>
-					<span>元/人</span>
-				</view>
+			<view class="swiper">
+				<u-swiper :list="detail.images" indicator indicatorActiveColor="#323232" indicatorMode="dot"
+					:indicator-style="{ bottom: '60rpx', zIndex: 999 }" :height="height_sw" circular></u-swiper>
 			</view>
-			<view class="top_texts flex align-items" v-else>
-				<span style="font-weight: 900;font-size: 56rpx;">免费</span>
-			</view>
-			<view class="first-box flex flex-start flex-column justify-start">
-				<view class="flex align-items">
-					<span class="first-name">{{detail.title}}</span>
+
+			<view class="con-center w-100 flex justify-center flex-column align-items flex-start">
+				<image src="/static/detail/conbg.png" class="topimgs"></image>
+				<image src="/static/detail/rmb.png" class="topimgs_rmb"></image>
+
+				<view class="top_texts flex align-items" v-if="detail.feel == 0">
+					<span style="font-weight: 900;font-size: 56rpx;">{{ detail.price.split('.')[0] }}</span>
+					<view class="flex flex-column xiao">
+						<span>.{{ detail.price.split('.')[1] }}</span>
+						<span>元/人</span>
+					</view>
 				</view>
-
-				
-
-				<span class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
-					<image :src="detail.user.avatar" mode="" class="icon-size" style="width: 36rpx;height: 36rpx;"></image>
-					<span style="color: #9C9C9C ;width: 32%;">{{ detail.user.nickname }}</span>
-					<span class="flex justify-center align-items xieyi">
-						<image src="/static/detail/baohu.png" mode=""  style="width: 28rpx;height: 28rpx;margin-right: 0;" ></image>
-						<span class="white-space" style="width: 90rpx;text-align: center;">{{ detail.refund_info.title }}</span>
-						<image src="/static/detail/zidong.png" mode="" style="width: 20rpx;height: 20rpx;margin-right: 0;" ></image>
-					</span>
-				</span>
-	
-				<span class="first-image flex align-items" style="margin-top: 20rpx;">
-					<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
-					<span>{{formattedTime.formattedTime}}</span>
-				</span>
-				<span class="line"></span>
-				<span class="first-image flex align-items"
-					@click.stop="toMap(detail.latitude,detail.longitude,detail.address_detail)">
-					<image src="/static/center/address.png" mode="" class="icon-size"></image>
-					<span>{{detail.address_detail}}</span>
-					<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;"></image>
-				</span>
-				<span class="line"></span>
-				<view class="second-box flex align-items space-between">
+				<view class="top_texts flex align-items" v-else>
+					<span style="font-weight: 900;font-size: 56rpx;">免费</span>
+				</view>
+				<view class="first-box flex flex-start flex-column justify-start">
 					<view class="flex align-items">
-						<u-avatar-group :urls="detail.join_info.users" 
-							keyName="avatar" size="30" gap="0.3" :maxCount="3"></u-avatar-group>
-							<image
-								src="/static/index/dian.png"
-								:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' :'smalld'"
-								style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"
-							></image>
+						<span class="first-name">{{ detail.title }}</span>
 					</view>
-					<span class="number">{{detail.join_info.people_number}}/{{detail.join_info.stock >= 10000 ? '9999+' : detail.join_info.stock}}
-						人数</span>
-					<view class="value_slide">
-						<u-slider
-							v-model="value_slide"
-							showValue
-							min="0"
-							max="100"
-							blockSize="12"
-							inactiveColor="#EBEBEB"
-							activeColor="#BBFC5B"
-							disabled
-						></u-slider>
+
+
+
+					<span class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
+						<image :src="detail.user.avatar" mode="" class="icon-size" style="width: 36rpx;height: 36rpx;">
+						</image>
+						<span style="color: #9C9C9C ;width: 32%;">{{ detail.user.nickname }}</span>
+						<span class="flex justify-center align-items xieyi">
+							<image src="/static/detail/baohu.png" mode=""
+								style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
+							<span class="white-space" style="width: 90rpx;text-align: center;">{{
+								detail.refund_info.title }}</span>
+							<image src="/static/detail/zidong.png" mode=""
+								style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
+						</span>
+					</span>
+
+					<span class="first-image flex align-items" style="margin-top: 20rpx;">
+						<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
+						<span>{{ formattedTime.formattedTime }}</span>
+					</span>
+					<span class="line"></span>
+					<span class="first-image flex align-items"
+						@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
+						<image src="/static/center/address.png" mode="" class="icon-size"></image>
+						<span>{{ detail.address_detail }}</span>
+						<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
+						</image>
+					</span>
+					<span class="line"></span>
+					<view class="second-box flex align-items space-between">
+						<view class="flex align-items">
+							<u-avatar-group :urls="detail.join_info.users" keyName="avatar" size="30" gap="0.3"
+								:maxCount="3"></u-avatar-group>
+							<image src="/static/index/dian.png"
+								:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
+								style="width: 60rpx;height: 60rpx;margin-left:-20rpx;z-index: 1;"></image>
+						</view>
+						<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ?
+							'9999+' : detail.join_info.stock}}
+							人数</span>
+						<view class="value_slide">
+							<u-slider v-model="value_slide" showValue min="0" max="100" blockSize="12"
+								inactiveColor="#EBEBEB" activeColor="#BBFC5B" disabled></u-slider>
+						</view>
 					</view>
 				</view>
+
+
+			</view>
+			<view class="third flex flex-column" style="justify-content: flex-start;">
+				<view class="third-top flex align-items">
+					<span>活动详情
+						<image class="icons" src="/static/detail/xiangqing.png"></image>
+					</span>
+				</view> 
+				<view class="third-center">
+					<view class="v_html">
+						<rich-text :nodes="detail.content"></rich-text>
+					</view>
+					<image mode="widthFix" class="imgs" v-for="(item, index) in detail.images" :key="index" :src="item">
+					</image>
+				</view>
 			</view>
 
 
-		</view>
-		<view class="third flex flex-column" style="justify-content: flex-start;">
-			<view class="third-top flex align-items">
-				<span>活动详情
-					<image class="icons" src="/static/detail/xiangqing.png"></image>
-				</span>
-			</view>
-			<view class="third-center">
-				<view class="v_html">
-					<rich-text :nodes="detail.content"></rich-text>
-				</view>
-				<image mode="widthFix" class="imgs" v-for="(item,index) in detail.images" :key="index" :src="item"></image>
-			</view>
-		</view>
-
-
-		<view class="footer flex align-items" style="justify-content: space-between;" v-if="detail.status == 2">
+			<view class="footer flex align-items" style="justify-content: space-between;" v-if="detail.status == 2">
 				<view class="footer-left">
 					<!-- <view @click="callPhone(detail.user.mobile)">
 						<image src="../../static/center/phone.png" mode=""></image>
@@ -128,52 +125,52 @@
 				<image src="../../static/center/appointment.png" mode="" v-else-if="type == 1" @click="open()"></image>
 				<image src="../../static/center/Confirm.png" mode="" v-else="type == 2" @click="confimTime()"></image> -->
 				</view>
-		</view>
-
-
-
-		<!-- 课程时间 -->
-		<u-popup :show="show" mode="bottom" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="close"
-			@open="open">
-			<view class="popupBox flex justify-start align-items flex-column">
-				<view class="pop-header flex align-items" style="justify-content: space-between;">
-					<image src="../../static/center/classTime.png" mode="" style="width: 252rpx; height: 48rpx;">
-					</image>
-					<span @click="cancel">取消选择</span>
-				</view>
-				<!-- <span class="line"></span> -->
-				<view class="times flex align-items justify-center" style="flex-wrap: wrap;">
-					<span class="selectTime flex justify-center align-items" v-for="(item,index) in timeList"
-						:key="index" :class="{ selected: timeSelected(item) }" @click="selectTime(item)">
-						{{item.name}}</span>
-				</view>
 			</view>
 
-		</u-popup>
 
-		<!-- 购买弹窗 -->
-		<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="buyClose"
-			@open="buyOpen" :safeAreaInsetBottom="false" :closeable="true">
-			<view class="popupBox flex justify-start align-items flex-column">
-				<view class="pop-header flex align-items flex-column flex-start">
-					<span class="name white-space">{{detail.title}}</span>
-					<span class="price">
-						<span v-if="detail.feel == 0">￥{{detail.price}}</span>
-						<span v-if="detail.feel == 1">公益</span>
-					</span>
-					<!-- <image src="../../static/center/buy.png" mode="" style="width: 168rpx; height: 48rpx;">
-					</image> -->
+
+			<!-- 课程时间 -->
+			<u-popup :show="show" mode="bottom" :round="10" :zIndex="99999" :custom-style="popupStyle" @close="close"
+				@open="open">
+				<view class="popupBox flex justify-start align-items flex-column">
+					<view class="pop-header flex align-items" style="justify-content: space-between;">
+						<image src="../../static/center/classTime.png" mode="" style="width: 252rpx; height: 48rpx;">
+						</image>
+						<span @click="cancel">取消选择</span>
+					</view>
+					<!-- <span class="line"></span> -->
+					<view class="times flex align-items justify-center" style="flex-wrap: wrap;">
+						<span class="selectTime flex justify-center align-items" v-for="(item, index) in timeList"
+							:key="index" :class="{ selected: timeSelected(item) }" @click="selectTime(item)">
+							{{ item.name }}</span>
+					</view>
 				</view>
-				<view class="popup flex-column">
-					<span class="first-image flex align-items" style="margin: 16rpx 0;">
-						<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
-						<span>{{formattedTime.formattedTime}} (共计{{formattedTimeList.length}}节)</span>
-					</span>
-					<span class="first-image flex align-items">
-						<image src="../../static/center/address.png" mode="" class="icon-size"></image>
-						<span>{{detail.address_detail}}</span>
-					</span>
-					<!-- <image :src="detail.headimage" mode="" style="width: 200rpx; height: 140rpx;"></image>
+
+			</u-popup>
+
+			<!-- 购买弹窗 -->
+			<u-popup :show="buyShow" mode="center" :round="10" :zIndex="99999" :custom-style="popupStyle"
+				@close="buyClose" @open="buyOpen" :safeAreaInsetBottom="false" :closeable="true">
+				<view class="popupBox flex justify-start align-items flex-column">
+					<view class="pop-header flex align-items flex-column flex-start">
+						<span class="name white-space">{{ detail.title }}</span>
+						<span class="price">
+							<span v-if="detail.feel == 0">￥{{ detail.price }}</span>
+							<span v-if="detail.feel == 1">公益</span>
+						</span>
+						<!-- <image src="../../static/center/buy.png" mode="" style="width: 168rpx; height: 48rpx;">
+					</image> -->
+					</view>
+					<view class="popup flex-column">
+						<span class="first-image flex align-items" style="margin: 16rpx 0;">
+							<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
+							<span>{{ formattedTime.formattedTime }} (共计{{ formattedTimeList.length }}节)</span>
+						</span>
+						<span class="first-image flex align-items">
+							<image src="../../static/center/address.png" mode="" class="icon-size"></image>
+							<span>{{ detail.address_detail }}</span>
+						</span>
+						<!-- <image :src="detail.headimage" mode="" style="width: 200rpx; height: 140rpx;"></image>
 					<view class="popur-right flex flex-column">
 						<span class="name white-space">{{detail.title}}</span>
 						<span class="address">地址:{{detail.address_detail}}</span>
@@ -186,1529 +183,1581 @@
 							<span v-if="detail.feel == 1">免费</span>
 						</span>
 					</view> -->
-				</view>
-				<view class="popup-footer flex " @click="buy()">
-					<span v-if="type == 1 && detail.feel == 0">立 即 支 付</span>
-					<span v-if="type == 1 && detail.feel == 1">确 认 报 名</span>
-					<!-- <image src="../../static/center/price.png" mode="" style="width: 642rpx;height: 80rpx;"></image> -->
-					<u-loading-icon :vertical="true" v-if="uloadingShow"></u-loading-icon>
-				</view>
-			</view>
-		</u-popup>
-
-		<!-- 分享海报 -->
-		<u-overlay :show="overlay" class="pos">
-			
-			<view class="Poster" id="Poster">
-				<span  class="posterClose" @click="closeoo">
-					<image src="../../static/center/close.png" mode="" style="width: 64rpx;height: 64rpx;"></image>
-				</span>
-				<view   ref="painter" class="title_top">
-					<view class="toutop">
-						<image class="toutu" :src="detail.user.avatar" />
-						<view class="toututt">{{detail.user.nickname}}的邀请</view>
 					</view>
-					<view class="center_con">
-						<image v-if="detail.images" :src="detail.images[0]" class="cenimg" />
-						<view class="center_text">
-							<view>
-								<view class="c1t1">{{ formattedTitle }}</view>
-								<view class="c2t2">￥{{ detail.price }}</view>
-								<view class="c3t3">地址：{{ detail.address }}</view>
-							</view>
-							<view style="background-color: #ffffff;border-radius: 18rpx;">
-								<l-painter>
-									<l-painter-view css="margin:20rpx;">
-										<l-painter-qrcode css="width: 160rpx; height: 160rpx;margin:0 auto;" :text="qrUrl"></l-painter-qrcode>
-									</l-painter-view>
-								</l-painter>
+					<view class="popup-footer flex " @click="buy()">
+						<span v-if="type == 1 && detail.feel == 0">立 即 支 付</span>
+						<span v-if="type == 1 && detail.feel == 1">确 认 报 名</span>
+						<!-- <image src="../../static/center/price.png" mode="" style="width: 642rpx;height: 80rpx;"></image> -->
+						<u-loading-icon :vertical="true" v-if="uloadingShow"></u-loading-icon>
+					</view>
+				</view>
+			</u-popup>
+
+			<!-- 分享海报 -->
+			<u-overlay :show="overlay" class="pos">
+
+				<view class="Poster" id="Poster">
+					<span class="posterClose" @click="closeoo">
+						<image src="../../static/center/close.png" mode="" style="width: 64rpx;height: 64rpx;"></image>
+					</span>
+					<view ref="painter" class="title_top">
+						<view class="toutop">
+							<image class="toutu" :src="detail.user.avatar" />
+							<view class="toututt">{{ detail.user.nickname }}的邀请</view>
+						</view>
+						<view class="center_con">
+							<image v-if="detail.images" :src="detail.images[0]" class="cenimg" />
+							<view class="center_text">
+								<view>
+									<view class="c1t1">{{ formattedTitle }}</view>
+									<view class="c2t2">￥{{ detail.price }}</view>
+									<view class="c3t3 white-space">地址：{{ detail.address }}</view>
+								</view>
+								<view style="background-color: #ffffff;border-radius: 18rpx;">
+									<l-painter>
+										<l-painter-view css="margin:20rpx;">
+											<l-painter-qrcode css="width: 160rpx; height: 160rpx;margin:0 auto;"
+												:text="qrUrl"></l-painter-qrcode>
+										</l-painter-view>
+									</l-painter>
+								</view>
 							</view>
 						</view>
 					</view>
 				</view>
-			</view>
-			<view class="btnList">
-				<span class="save" @click="capturePage()">保 存 海 报</span>
-				<!-- <span class="sharePoster"  @click.stop="sharePoster()">
+				<view class="btnList">
+					<span class="save" @click="capturePage()">保 存 海 报</span>
+					<!-- <span class="sharePoster"  @click.stop="sharePoster()">
 				分 享
 				</span> -->
-				<button open-type="share" class="no-border-button" plain="true">
-					<span>分 享</span>
-				</button>
-			</view>
-			<canvas 
-				canvas-id="myCanvas" 
-				style="position: absolute;top:256rpx;left: 48rpx; width: 661rpx;height:1075rpx; visibility: hidden;">
-			</canvas>
-		</u-overlay>
+					<button open-type="share" class="no-border-button" plain="true">
+						<span>分 享</span>
+					</button>
+				</view>
+				<canvas canvas-id="myCanvas"
+					style="position: absolute;top:256rpx;left: 48rpx; width: 661rpx;height:1075rpx; visibility: hidden;z-index: 10;">
+				</canvas>
+			</u-overlay>
 
-	</view>
+		</view>
 	</view>
 </template>
 
 <script>
-	import dayjs from 'dayjs';
-	import {
-		dateWeek,
-		dateWeekend
-	} from '../../utils/dateFormat'
-	export default {
-		computed: {
-			formattedTitle() {
-				if (this.detail.title.length > 9) {
-					return this.detail.title.slice(0, 9) + '..';
-				}
-				return this.detail.title;
-			},
-			formattedTimeList() {
-				return this.timeList.map(item => {
-					const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
-					const endTime = dayjs.unix(item.end_time).format('HH:mm:ss');
-					return {
-						formattedTime: `${startTime}~${endTime}`,
-						limit_num: item.limit_num,
-						sign_num: item.sign_num
-					};
-				});
-			},
-			formattedTime() {
-				const startTime = dateWeek(this.detail.start_time);
-				const endTime = dateWeekend(this.detail.end_time);
+import dayjs from 'dayjs';
+import {
+	dateWeek,
+	dateWeekend
+} from '../../utils/dateFormat'
+export default {
+	computed: {
+		formattedTitle() {
+			if (this.detail.title.length > 9) {
+				return this.detail.title.slice(0, 9) + '..';
+			}
+			return this.detail.title;
+		},
+		formattedTimeList() {
+			return this.timeList.map(item => {
+				const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
+				const endTime = dayjs.unix(item.end_time).format('HH:mm:ss');
 				return {
-					formattedTime: `${startTime} - ${endTime}`
+					formattedTime: `${startTime}~${endTime}`,
+					limit_num: item.limit_num,
+					sign_num: item.sign_num
 				};
-			}
+			});
 		},
-
-		data() {
+		formattedTime() {
+			const startTime = dateWeek(this.detail.start_time);
+			const endTime = dateWeekend(this.detail.end_time);
 			return {
-				height_sw:'580rpx',
-				style: {
-					// 字符串的形式
-					img: 'width: 100%'
-
-				},
-				isShare:'',
-				value_slide:0,
-				scrollTop: 0,
-				overlay: false,
-				userInfo: {},
-				path: '',
-				uloadingShow: false,
-				show: false,
-				buyShow: false,
-				type: 0, // 0 支付 1 立即购买 2 预约  3确认时间
-				id: 1,
-				count: 5,
-				value: 5,
-				order_no: '',
-				PayPirce: 0,
-				detail: {},
-				people: {},
-				qrUrl: '',
-				is_collect: 0,
-				popupStyle: {
-					width: '690rpx',
-					height: '716rpx',
-					margin: '0 auto', // 水平居中
-					display: 'flex',
-					justifyContent: 'flex-start',
-					alignItems: 'center'
-				},
-				timeList: [],
-				selectedTime: null,
-				// indexBackgroundImage: indexBackgroundImage,
-				orderId: "",
-				classes_lib_spec_id: '',
-				order_no2: '',
-				mobile: '',
-				is_show_model: false, //是否显示分享模态窗
-				background: '#ffffff00',
-				titleStyle: {
-					color: '#FFFFFF'
-				},
+				formattedTime: `${startTime} - ${endTime}`
 			};
+		}
+	},
+
+	data() {
+		return {
+			height_sw: '580rpx',
+			style: {
+				// 字符串的形式
+				img: 'width: 100%'
+
+			},
+			isShare: '',
+			value_slide: 0,
+			scrollTop: 0,
+			overlay: false,
+			userInfo: {},
+			path: '',
+			uloadingShow: false,
+			show: false,
+			buyShow: false,
+			type: 0, // 0 支付 1 立即购买 2 预约  3确认时间
+			id: 1,
+			count: 5,
+			value: 5,
+			order_no: '',
+			PayPirce: 0,
+			detail: {},
+			people: {},
+			qrUrl: '',
+			is_collect: 0,
+			popupStyle: {
+				width: '690rpx',
+				height: '716rpx',
+				margin: '0 auto', // 水平居中
+				display: 'flex',
+				justifyContent: 'flex-start',
+				alignItems: 'center'
+			},
+			timeList: [],
+			selectedTime: null,
+			// indexBackgroundImage: indexBackgroundImage,
+			orderId: "",
+			classes_lib_spec_id: '',
+			order_no2: '',
+			mobile: '',
+			is_show_model: false, //是否显示分享模态窗
+			background: '#ffffff00',
+			titleStyle: {
+				color: '#FFFFFF'
+			},
+		};
+	},
+	//发送给朋友
+	onShareAppMessage() {
+		return {
+			title: this.detail.title, //分享的标题
+			imageUrl: this.detail.images[0], //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
+			path: `/pages/center/detail?id=${this.id}&isShare=1`
+		}
+	},
+	//发送朋友圈
+	// onShareTimeline() {
+	// 	return {
+	// 		title: this.detail.title, //分享的标题
+	// 		imageUrl: this.detail.images[0], //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
+	// 		query: `id=${this.id}&isShare=1`
+	// 	}
+	// },
+
+	onLoad(options) {
+		this.userInfo = uni.getStorageSync("userInfo")
+		this.id = options.id
+		if (options.isShare) {
+			this.isShare = options.isShare;
+		}
+		// this.id = 1
+		if (options.type == 2) {
+			this.type = 2
+			this.orderId = options.orderId
+		}
+		if (options.type == 1) {
+			this.type = 1
+			this.order_no = options.order_no
+			this.pament()
+		}
+		console.log(options.id)
+		this.getDetail()
+		// this.getPeople()
+		// this.getTime()
+		this.getShare()
+	},
+
+	methods: {
+		capturePage() {
+			let that = this;
+			uni.canvasToTempFilePath({
+				x: 0, // 起始x坐标（可选）
+				y: 0, // 起始y坐标（可选）
+				width: uni.upx2px(750), // 宽度（单位px）
+				height: uni.upx2px(1334), // 高度（单位px）
+				destWidth: 750, // 目标图片宽度（可选）
+				destHeight: 1334, // 目标图片高度（可选）
+				canvasId: 'myCanvas', // Canvas组件的id
+				success: function (res) {
+					console.log('tempFilePath:', res.tempFilePath); // 图片路径信息输出到控制台或进行其他处理
+					uni.previewImage({ urls: [res.tempFilePath] });
+					that.save(res.tempFilePath);
+				},
+				fail: function (err) {
+					console.error(err); // 输出错误信息到控制台进行调试
+				}
+			});
 		},
-		//发送给朋友
-		onShareAppMessage() {
-			return {
-				title: this.detail.title, //分享的标题
-				imageUrl: this.detail.images[0], //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
-				path: `/pages/center/detail?id=${this.id}&isShare=1`
+		// 返回首页
+		goHome() {
+			if (this.isShare == 1) {
+				uni.switchTab({
+					url: "/pages/index/index"
+				})
 			}
 		},
-		//发送朋友圈
-		// onShareTimeline() {
-		// 	return {
-		// 		title: this.detail.title, //分享的标题
-		// 		imageUrl: this.detail.images[0], //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
-		// 		query: `id=${this.id}&isShare=1`
-		// 	}
-		// },
-
-		onLoad(options) {
-			this.userInfo = uni.getStorageSync("userInfo")
-			this.id = options.id
-			if(options.isShare){
-				this.isShare = options.isShare;
-			}
-			// this.id = 1
-			if (options.type == 2) {
-				this.type = 2
-				this.orderId = options.orderId
-			}
-			if (options.type == 1) {
-				this.type = 1
-				this.order_no = options.order_no
-				this.pament()
-			}
-			console.log(options.id)
-			this.getDetail()
-			// this.getPeople()
-			// this.getTime()
-			this.getShare()
+		closeoo() {
+			this.overlay = false;
 		},
-
-		methods: {
-			capturePage() {
-				uni.canvasToTempFilePath({
-					x: 0, // 起始x坐标（可选）
-					y: 0, // 起始y坐标（可选）
-					width: uni.upx2px(750), // 宽度（单位px）
-					height: uni.upx2px(1334), // 高度（单位px）
-					destWidth: 750, // 目标图片宽度（可选）
-					destHeight: 1334, // 目标图片高度（可选）
-					canvasId: 'myCanvas', // Canvas组件的id
-					success: function (res) {
-						console.log('tempFilePath:', res.tempFilePath); // 图片路径信息输出到控制台或进行其他处理
-						this.save(res.tempFilePath)
-					},
-					fail: function (err) {
-						console.error(err); // 输出错误信息到控制台进行调试
-					}
-				});
-			},
-			// 返回首页
-			goHome() {
-				if(this.isShare == 1){
-					uni.switchTab({
-						url: "/pages/index/index"
-					})
-				}
-			},
-			closeoo(){
-				this.overlay = false;
-			},
-			overlayShow() {
-				const token = uni.getStorageSync('token')
-				if (token) {
-					this.overlay = true
-					// uni.showToast({
-					// 	title: '开发中，暂未开放',
-					// 	icon: 'none'
-					// });
-				} else {
-					uni.showToast({
-						title: '请登录',
-						icon: 'none',
-						duration: 2000,
-						complete: function() {
-							setTimeout(function() {
-								uni.switchTab({
-									url: '/pages/my/index',
-								});
-							}, 2000);
-						}
-					});
-				}
-			},
-			getShare() {
-				uni.$u.http.post('/api/wechat_util/link', {
-					path: 'pages/center/detail',
-					query: `id=${this.id}`,
-				}).then(res => {
-					if (res.code == 1) {
-						this.qrUrl = res.data.url_link
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						});
-					}
-				}).catch(error => {
-					uni.showToast({
-						title: '请求失败，请稍后再试',
-						icon: 'none',
-						duration: 2000
-					});
-				});
-			},
-			// 时间转换函数
-			timeago(timestamp) {
-				const now = new Date().getTime(); // 当前时间（毫秒）
-				const diff = (now - timestamp * 1000) / 1000; // 时间差（秒）
-
-				if (diff < 60) {
-					return `${Math.floor(diff)}秒前`;
-				} else if (diff < 3600) {
-					return `${Math.floor(diff / 60)}分钟前`;
-				} else if (diff < 86400) {
-					return `${Math.floor(diff / 3600)}小时前`;
-				} else if (diff < 2592000) { // 30天
-					return `${Math.floor(diff / 86400)}天前`;
-				} else {
-					return `${Math.floor(diff / 2592000)}个月前`;
-				}
-			},
-
-			sharePoster() {
-				//获取带参数二维码并传递
-				this.is_show_model = false
-				this.$refs.poster.showCanvas()
-			},
-
-			// 获取课时规格
-			getTime() {
-				uni.$u.http.get('/api/school/classes/spec', {
-					params: {
-						id: this.id,
-					}
-				}).then(res => {
-					if (res.code == 1) {
-
-						this.timeList = res.data.spec;
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						});
-					}
-				}).catch(error => {
-					uni.showToast({
-						title: '请求失败，请稍后再试',
-						icon: 'none',
-						duration: 2000
-					});
-				});
-			},
-			// 获取报名详情
-			getPeople() {
-				const that = this
-				uni.$u.http.get('/api/school/classes/people', {
-					params: {
-						id: that.id,
-					}
-				}).then(res => {
-					if (res.code == 1) {
-						that.processPeopleData(res.data).then(processedData => {
-							that.people = processedData;
-							console.log('that.people', that.people)
-						});
-
-					} else {
-						that.showErrorToast(res.msg);
-					}
-				}).catch(error => {
-					that.showErrorToast('请求失败，请稍后再试');
-
-				});
-			},
-			// 数据转换
-			processPeopleData(data) {
-				return new Promise((resolve) => {
-					const paidUserData = data.paid_user_data.map(item => {
-						item.createTime = this.timeago(item.time);
-						return item;
-					}).reverse();
-					const unpaidUserData = data.unpaid_user_data
-					const processedData = {
-						unpaid_user_data: unpaidUserData,
-						paid_user_data: paidUserData
-					}
-					resolve(processedData);
-				});
-			},
-			// 提示
-			showErrorToast(msg) {
+		overlayShow() {
+			const token = uni.getStorageSync('token')
+			if (token) {
+				this.overlay = true
+				// uni.showToast({
+				// 	title: '开发中，暂未开放',
+				// 	icon: 'none'
+				// });
+			} else {
 				uni.showToast({
-					title: msg,
+					title: '请登录',
+					icon: 'none',
+					duration: 2000,
+					complete: function () {
+						setTimeout(function () {
+							uni.switchTab({
+								url: '/pages/my/index',
+							});
+						}, 2000);
+					}
+				});
+			}
+		},
+		getShare() {
+			uni.$u.http.post('/api/wechat_util/link', {
+				path: 'pages/center/detail',
+				query: `id=${this.id}`,
+			}).then(res => {
+				if (res.code == 1) {
+					this.qrUrl = res.data.url_link
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			}).catch(error => {
+				uni.showToast({
+					title: '请求失败，请稍后再试',
 					icon: 'none',
 					duration: 2000
 				});
-			},
-			// 获取详情
-			getDetail() {
-				uni.$u.http.get('/api/school.new_activity/detail', {
-					params: {
-						id: this.id,
-					}
-				}).then(res => {
-					if (res.code == 1) {
-						this.detail = res.data.detail
-						this.value_slide = res.data.detail.join_info.percent;
-						if (res.data.detail.is_collect != 0) {
-							this.is_collect = 1
-						} else {
-							this.is_collect = 0
-						}
-						if (this.detail.user.realname) {
-							this.detail.user.realname = this.detail.user.realname.slice(0, 1) + 'XX';
-						}
-						this.mobile = this.detail.user.mobile.slice(0, 3) + 'XXXX' + this.detail.user.mobile.slice(
-							7);
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-					}
-				}).catch(error => {});
-			},
-			// 报名  0 支付 1 立即购买 2 预约  3确认时间
+			});
+		},
+		// 时间转换函数
+		timeago(timestamp) {
+			const now = new Date().getTime(); // 当前时间（毫秒）
+			const diff = (now - timestamp * 1000) / 1000; // 时间差（秒）
 
-			sign() {
-				uni.navigateTo({
-					url: '/pages/center/applyDetail?id=' + this.id
-				})
+			if (diff < 60) {
+				return `${Math.floor(diff)}秒前`;
+			} else if (diff < 3600) {
+				return `${Math.floor(diff / 60)}分钟前`;
+			} else if (diff < 86400) {
+				return `${Math.floor(diff / 3600)}小时前`;
+			} else if (diff < 2592000) { // 30天
+				return `${Math.floor(diff / 86400)}天前`;
+			} else {
+				return `${Math.floor(diff / 2592000)}个月前`;
+			}
+		},
 
-			},
+		sharePoster() {
+			//获取带参数二维码并传递
+			this.is_show_model = false
+			this.$refs.poster.showCanvas()
+		},
 
-			buy() {
-				this.uloadingShow = true
-				this.getMoney()
-			},
-			// 购买弹窗 type =  0 支付 1 立即购买 2 预约  3确认时间
-			buyOpen() {
-				this.buyShow = true
-				this.type = 1
-			},
-			// 预约弹窗 type = 2 0 支付 1 立即购买 2 预约  3确认时间
-			open() {
-				this.show = true
-				this.type = 3
-			},
-			// 确认时间  type = 0  0 支付 1 立即购买 2 预约  3确认时间
-			confimTime() {
-				uni.$u.http.post('/api/school/hour_order/confirm', {
-					classes_order_id: this.orderId,
-					classes_lib_spec_id: this.classes_lib_spec_id,
-					order_no: this.order_no2,
-					is_compute: 1
-				}).then(res => {
-					if (res.code == 1) {
-						this.order_no2 = res.data.order_no
-						this.timeCreat(res.data.order_no)
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						this.type = 2
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
+		// 获取课时规格
+		getTime() {
+			uni.$u.http.get('/api/school/classes/spec', {
+				params: {
+					id: this.id,
+				}
+			}).then(res => {
+				if (res.code == 1) {
 
+					this.timeList = res.data.spec;
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			}).catch(error => {
+				uni.showToast({
+					title: '请求失败，请稍后再试',
+					icon: 'none',
+					duration: 2000
 				});
+			});
+		},
+		// 获取报名详情
+		getPeople() {
+			const that = this
+			uni.$u.http.get('/api/school/classes/people', {
+				params: {
+					id: that.id,
+				}
+			}).then(res => {
+				if (res.code == 1) {
+					that.processPeopleData(res.data).then(processedData => {
+						that.people = processedData;
+						console.log('that.people', that.people)
+					});
 
-				this.show = false
-				this.type = 0
-			},
-			// 预约下单
-			timeCreat(order_no) {
-				uni.$u.http.post('/api/school/hour_order/create', {
-					order_no: order_no,
-				}).then(res => {
-					if (res.code == 1) {
+				} else {
+					that.showErrorToast(res.msg);
+				}
+			}).catch(error => {
+				that.showErrorToast('请求失败，请稍后再试');
+
+			});
+		},
+		// 数据转换
+		processPeopleData(data) {
+			return new Promise((resolve) => {
+				const paidUserData = data.paid_user_data.map(item => {
+					item.createTime = this.timeago(item.time);
+					return item;
+				}).reverse();
+				const unpaidUserData = data.unpaid_user_data
+				const processedData = {
+					unpaid_user_data: unpaidUserData,
+					paid_user_data: paidUserData
+				}
+				resolve(processedData);
+			});
+		},
+		// 提示
+		showErrorToast(msg) {
+			uni.showToast({
+				title: msg,
+				icon: 'none',
+				duration: 2000
+			});
+		},
+		// 获取详情
+		getDetail() {
+			uni.$u.http.get('/api/school.new_activity/detail', {
+				params: {
+					id: this.id,
+				}
+			}).then(res => {
+				if (res.code == 1) {
+					this.detail = res.data.detail
+					this.value_slide = res.data.detail.join_info.percent;
+					if (res.data.detail.is_collect != 0) {
+						this.is_collect = 1
+					} else {
+						this.is_collect = 0
+					}
+					if (this.detail.user.realname) {
+						this.detail.user.realname = this.detail.user.realname.slice(0, 1) + 'XX';
+					}
+					this.mobile = this.detail.user.mobile.slice(0, 3) + 'XXXX' + this.detail.user.mobile.slice(
+						7);
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+				}
+			}).catch(error => { });
+		},
+		// 报名  0 支付 1 立即购买 2 预约  3确认时间
+
+		sign() {
+			uni.navigateTo({
+				url: '/pages/center/applyDetail?id=' + this.id
+			})
+
+		},
+
+		buy() {
+			this.uloadingShow = true
+			this.getMoney()
+		},
+		// 购买弹窗 type =  0 支付 1 立即购买 2 预约  3确认时间
+		buyOpen() {
+			this.buyShow = true
+			this.type = 1
+		},
+		// 预约弹窗 type = 2 0 支付 1 立即购买 2 预约  3确认时间
+		open() {
+			this.show = true
+			this.type = 3
+		},
+		// 确认时间  type = 0  0 支付 1 立即购买 2 预约  3确认时间
+		confimTime() {
+			uni.$u.http.post('/api/school/hour_order/confirm', {
+				classes_order_id: this.orderId,
+				classes_lib_spec_id: this.classes_lib_spec_id,
+				order_no: this.order_no2,
+				is_compute: 1
+			}).then(res => {
+				if (res.code == 1) {
+					this.order_no2 = res.data.order_no
+					this.timeCreat(res.data.order_no)
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					this.type = 2
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+
+			this.show = false
+			this.type = 0
+		},
+		// 预约下单
+		timeCreat(order_no) {
+			uni.$u.http.post('/api/school/hour_order/create', {
+				order_no: order_no,
+			}).then(res => {
+				if (res.code == 1) {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000,
+						complete: function () {
+							setTimeout(function () {
+								uni.reLaunch({
+									url: "/packageA/my/makeList?status=" + -1
+								})
+							}, 2000);
+						}
+
+					})
+
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					this.type = 2
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+		},
+		// 教师详情
+		toTeacher(id) {
+			uni.navigateTo({
+				url: `/pages/center/teacherDetail?id=${id}`
+			})
+		},
+		// 导航
+		toMap(latitude, longitude, name) {
+			uni.openLocation({
+				latitude: parseFloat(latitude),
+				longitude: parseFloat(longitude),
+				name: name,
+				success: function () {
+					console.log('success');
+				}
+			});
+		},
+		// 机构详情
+		toMeDetail() {
+			uni.navigateTo({
+				url: "/pages/center/MechanismDetail?id=" + this.detail.shop.id
+			})
+		},
+
+		close() {
+			this.type = 0
+			this.selectedTime = null
+			this.show = false
+		},
+		buyClose() {
+			this.type = 0
+			this.selectedTime = null
+			this.buyShow = false
+		},
+
+		// 保存海报
+		save(e) {
+			wx.saveImageToPhotosAlbum({
+				filePath: e,
+				success: function(res) {
+					wx.showToast({
+						title: '保存成功',
+					})
+				},
+				fail: function(err) {
+					console.log(err, '失败')
+				}
+			})
+			// let base64 = this.path.replace(/^data:image\/\w+;base64,/, ""); //图片替换
+			// let filePath = wx.env.USER_DATA_PATH + '/qrcode.png';
+			// uni.getFileSystemManager().writeFile({
+			// 	filePath: filePath, //创建一个临时文件名
+			// 	data: base64, //写入的文本或二进制数据
+			// 	encoding: 'base64', //写入当前文件的字符编码
+			// 	success: (res) => {
+			// 		uni.saveImageToPhotosAlbum({
+			// 			filePath: filePath,
+			// 			success: () => {
+			// 				uni.showToast({
+			// 					title: '保存成功',
+			// 					icon: "none",
+			// 					duration: 5000
+			// 				})
+			// 			},
+			// 			fail: (err) => {
+			// 				console.log(err);
+			// 				uni.showToast({
+			// 					title: '保存失败',
+			// 					icon: "none",
+			// 					duration: 5000
+			// 				})
+			// 			}
+			// 		})
+			// 	},
+			// 	fail: (err) => {
+			// 		console.log(err)
+			// 	}
+			// })
+		},
+		//分享发布
+		sharePoster() { //分享图片给好友按钮的点击事件函数
+			let that = this
+			this.base64ToFilePath(this.path, (filePath) => {
+				console.log(filePath);
+				wx.showShareImageMenu({ //分享给朋友
+					path: filePath,
+					success: (res) => {
+						console.log("分享成功：", res);
+					},
+					fail: (err) => {
+						console.log("分享取消：", err);
+					},
+				})
+			})
+		},
+
+
+		base64ToFilePath(base64data, callback) {
+			const time = new Date().getTime();
+			const imgPath = `${wx.env.USER_DATA_PATH}/addFriends${time}share_qrcode.png`;
+			const imageData = base64data.replace(/^data:image\/\w+;base64,/, "");
+			const fileSystemManager = uni.getFileSystemManager();
+
+			fileSystemManager.writeFile({
+				filePath: imgPath,
+				data: imageData,
+				encoding: 'base64',
+				success: () => {
+					callback(imgPath);
+				},
+				fail: (err) => {
+					console.error('Write file failed:', err);
+					uni.showToast({
+						title: '写入文件失败',
+						icon: 'none'
+					});
+				}
+			});
+		},
+
+		// 收藏和取消
+		Collect(number) {
+			uni.$u.http.post('/api/school/classes/collect', {
+				id: this.id,
+				is_collect: number
+			}).then(res => {
+				if (res.code == 1) {
+					this.is_collect = number
+					if (number == 0) {
 						uni.showToast({
-							title: res.msg,
+							title: '取消收藏',
 							icon: 'none',
+							duration: 2000
+						})
+					} else {
+						uni.showToast({
+							title: '收藏成功',
+							icon: 'none',
+							duration: 2000
+						})
+					}
+
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+		},
+		callPhone(phone) {
+			uni.makePhoneCall({
+				phoneNumber: phone
+			})
+		},
+
+		// 取消选择
+		cancel() {
+			this.selectedTime = null
+		},
+		selectTime(time) {
+			this.selectedTime = time;
+			this.classes_lib_spec_id = time.id
+
+		},
+		timeSelected(time) {
+			return this.selectedTime === time;
+		},
+		moveScroll() { },
+		// 获取价格
+		getMoney() {
+			uni.$u.http.post('/api/school.newactivity.order/confirm', {
+				activity_id: this.id,
+				order_no: this.order_no,
+				is_compute: 1,
+				num: 1
+			}).then(res => {
+				if (res.code == 1) {
+					this.PayPirce = res.data.order_data.totalprice
+					this.order_no = res.data.order_no
+					this.create(this.order_no, this.PayPirce)
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					// _this.$api.toast(res.msg);
+				}
+				this.uloadingShow = false
+			}).catch(error => {
+
+			});
+		},
+		// 创建订单
+		create(order_no, PayPirce) {
+			uni.$u.http.post('/api/school.newactivity.order/create', {
+				order_no: order_no,
+			}).then(res => {
+				if (res.code == 1) {
+					if (PayPirce != 0) {
+						this.pament()
+					} else {
+						this.uloadingShow = false
+						uni.showToast({
+							title: '创建成功',
+							icon: 'success',
 							duration: 2000,
-							complete: function() {
-								setTimeout(function() {
-									uni.reLaunch({
-										url: "/packageA/my/makeList?status=" + -1
+							complete: function () {
+								setTimeout(function () {
+									uni.redirectTo({
+										url: "/packageA/my/orderList?status=" + 3
 									})
 								}, 2000);
 							}
-
-						})
-
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						this.type = 2
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
-
-				});
-			},
-			// 教师详情
-			toTeacher(id) {
-				uni.navigateTo({
-					url: `/pages/center/teacherDetail?id=${id}`
-				})
-			},
-			// 导航
-			toMap(latitude, longitude, name) {
-				uni.openLocation({
-					latitude: parseFloat(latitude),
-					longitude: parseFloat(longitude),
-					name: name,
-					success: function() {
-						console.log('success');
-					}
-				});
-			},
-			// 机构详情
-			toMeDetail() {
-				uni.navigateTo({
-					url: "/pages/center/MechanismDetail?id=" + this.detail.shop.id
-				})
-			},
-
-			close() {
-				this.type = 0
-				this.selectedTime = null
-				this.show = false
-			},
-			buyClose() {
-				this.type = 0
-				this.selectedTime = null
-				this.buyShow = false
-			},
-			
-			// 保存海报
-			save(e) {
-				let base64 = this.path.replace(/^data:image\/\w+;base64,/, ""); //图片替换
-				let filePath = wx.env.USER_DATA_PATH + '/qrcode.png';
-				uni.getFileSystemManager().writeFile({
-					filePath: filePath, //创建一个临时文件名
-					data: base64, //写入的文本或二进制数据
-					encoding: 'base64', //写入当前文件的字符编码
-					success: (res) => {
-						uni.saveImageToPhotosAlbum({
-							filePath: filePath,
-							success: () => {
-								uni.showToast({
-									title: '保存成功',
-									icon: "none",
-									duration: 5000
-								})
-							},
-							fail: (err) => {
-								console.log(err);
-								uni.showToast({
-									title: '保存失败',
-									icon: "none",
-									duration: 5000
-								})
-							}
-						})
-					},
-					fail: (err) => {
-						console.log(err)
-					}
-				})
-			},
-			//分享发布
-			sharePoster() { //分享图片给好友按钮的点击事件函数
-				let that = this
-				this.base64ToFilePath(this.path, (filePath) => {
-					console.log(filePath);
-					wx.showShareImageMenu({ //分享给朋友
-						path: filePath,
-						success: (res) => {
-							console.log("分享成功：", res);
-						},
-						fail: (err) => {
-							console.log("分享取消：", err);
-						},
-					})
-				})
-			},
-
-
-			base64ToFilePath(base64data, callback) {
-				const time = new Date().getTime();
-				const imgPath = `${wx.env.USER_DATA_PATH}/addFriends${time}share_qrcode.png`;
-				const imageData = base64data.replace(/^data:image\/\w+;base64,/, "");
-				const fileSystemManager = uni.getFileSystemManager();
-
-				fileSystemManager.writeFile({
-					filePath: imgPath,
-					data: imageData,
-					encoding: 'base64',
-					success: () => {
-						callback(imgPath);
-					},
-					fail: (err) => {
-						console.error('Write file failed:', err);
-						uni.showToast({
-							title: '写入文件失败',
-							icon: 'none'
 						});
 					}
-				});
-			},
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					that.uloadingShow = false
 
-			// 收藏和取消
-			Collect(number) {
-				uni.$u.http.post('/api/school/classes/collect', {
-					id: this.id,
-					is_collect: number
-				}).then(res => {
-					if (res.code == 1) {
-						this.is_collect = number
-						if (number == 0) {
-							uni.showToast({
-								title: '取消收藏',
-								icon: 'none',
-								duration: 2000
-							})
-						} else {
-							uni.showToast({
-								title: '收藏成功',
-								icon: 'none',
-								duration: 2000
-							})
-						}
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
 
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
-
-				});
-			},
-			callPhone(phone) {
-				uni.makePhoneCall({
-					phoneNumber: phone
-				})
-			},
-
-			// 取消选择
-			cancel() {
-				this.selectedTime = null
-			},
-			selectTime(time) {
-				this.selectedTime = time;
-				this.classes_lib_spec_id = time.id
-
-			},
-			timeSelected(time) {
-				return this.selectedTime === time;
-			},
-			moveScroll() {},
-			// 获取价格
-			getMoney() {
-				uni.$u.http.post('/api/school.newactivity.order/confirm', {
-					activity_id: this.id,
-					order_no: this.order_no,
-					is_compute: 1,
-					num:1
-				}).then(res => {
-					if (res.code == 1) {
-						this.PayPirce = res.data.order_data.totalprice
-						this.order_no = res.data.order_no
-						this.create(this.order_no, this.PayPirce)
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						// _this.$api.toast(res.msg);
-					}
-					this.uloadingShow = false
-				}).catch(error => {
-
-				});
-			},
-			// 创建订单
-			create(order_no, PayPirce) {
-				uni.$u.http.post('/api/school.newactivity.order/create', {
-					order_no: order_no,
-				}).then(res => {
-					if (res.code == 1) {
-						if (PayPirce != 0) {
-							this.pament()
-						} else {
-							this.uloadingShow = false
-							uni.showToast({
-								title: '创建成功',
-								icon: 'success',
-								duration: 2000,
-								complete: function() {
-									setTimeout(function() {
-										uni.redirectTo({
-											url: "/packageA/my/orderList?status=" + 3
-										})
-									}, 2000);
-								}
-							});
-						}
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						that.uloadingShow = false
-
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
-
-				});
-			},
-			// 支付
-			pament() {
-				let that = this
-				that.uloadingShow = false
-				uni.$u.http.post('/api/school.newactivity.pay/payment', {
-					type: 'wechat',
-					order_no: that.order_no,
-					platform: 'miniapp'
-				}).then(res => {
-					if (res.code == 1) {
-						wx.requestPayment({
-							timeStamp: res.data.paydata.timeStamp, //时间戳
-							nonceStr: res.data.paydata.nonceStr, //随机字符串
-							package: res.data.paydata.package, //prepay_id
-							signType: res.data.paydata.signType, //签名算法MD5
-							paySign: res.data.paydata.paySign, //签名
-							success(res) {
-								if (res.errMsg == "requestPayment:ok") {
-									that.order_no = ''
-									uni.redirectTo({
-										url: "/packageA/my/exercise?status=" + 3
-									})
-									console.log('支付成功', res)
-								} else {
-									that.uloadingShow = false
-									console.log('支付失败')
-								}
-							},
-							fail(res) {
-								that.uloadingShow = false
-								console.log('支付失败', res)
-							}
-						})
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
-
-				});
-			},
+			});
 		},
-	}
+		// 支付
+		pament() {
+			let that = this
+			that.uloadingShow = false
+			uni.$u.http.post('/api/school.newactivity.pay/payment', {
+				type: 'wechat',
+				order_no: that.order_no,
+				platform: 'miniapp'
+			}).then(res => {
+				if (res.code == 1) {
+					wx.requestPayment({
+						timeStamp: res.data.paydata.timeStamp, //时间戳
+						nonceStr: res.data.paydata.nonceStr, //随机字符串
+						package: res.data.paydata.package, //prepay_id
+						signType: res.data.paydata.signType, //签名算法MD5
+						paySign: res.data.paydata.paySign, //签名
+						success(res) {
+							if (res.errMsg == "requestPayment:ok") {
+								that.order_no = ''
+								uni.redirectTo({
+									url: "/packageA/my/exercise?status=" + 3
+								})
+								console.log('支付成功', res)
+							} else {
+								that.uloadingShow = false
+								console.log('支付失败')
+							}
+						},
+						fail(res) {
+							that.uloadingShow = false
+							console.log('支付失败', res)
+						}
+					})
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+		},
+	},
+}
 </script>
 
 <style lang="scss" scoped>
-	.detail_all{
-		background-color: #f7f7f7;
-		height: 100vh;
+.detail_all {
+	background-color: #f7f7f7;
+	height: 100vh;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex {
+	display: flex;
+}
+
+.flex-start {
+	align-items: flex-start;
+}
+
+.justify-center {
+	justify-content: center;
+}
+
+.align-items {
+	align-items: center;
+}
+
+.flex-column {
+	flex-flow: column;
+}
+
+.justify-start {
+	justify-content: start;
+}
+
+.white-space {
+	overflow: hidden;
+	/* 确保超出容器的文本被隐藏 */
+	white-space: nowrap;
+	/* 确保文本在一行内显示 */
+	text-overflow: ellipsis;
+	/* 使用省略号表示被截断的文本 */
+	width: 100%;
+}
+
+.con-center {
+	background: white;
+	border-radius: 44rpx;
+	position: relative;
+}
+
+
+
+.space-between {
+	justify-content: space-between;
+}
+
+.swiper {
+	width: 100%;
+	height: 580rpx;
+}
+
+.box {
+	position: relative;
+}
+
+.topimgs_rmb {
+	position: absolute;
+	top: -168rpx;
+	right: 30rpx;
+	width: 201rpx;
+	height: 118rpx;
+	z-index: 0;
+}
+
+.topimgs {
+	position: absolute;
+	top: -120rpx;
+	width: 100%;
+	z-index: 0;
+}
+
+.top_texts {
+	position: absolute;
+	top: -151rpx;
+	right: 68rpx;
+	z-index: 3;
+	color: #ffffff;
+
+	.xiao {
+		margin-left: 4rpx;
+		font-size: 22rpx;
+		font-weight: bold;
 	}
-	.w-100 {
-		width: 100%;
+}
+
+.first-box {
+	width: 690rpx;
+	background: #FFFFFF;
+	// background: url('@/static/detail/conbg.png');
+	// padding-left: 24rpx;
+	// margin-top: 20rpx;
+	border-radius: 20rpx;
+	z-index: 1;
+
+	.sigh {
+		width: 88rpx;
+		height: 40rpx;
+		background: #BEEE03;
+		border-radius: 4rpx 4rpx 4rpx 4rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #222222;
 	}
 
-	.flex {
-		display: flex;
+	.first-name {
+		width: 586rpx;
+		height: 52rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #323232;
+		// margin-left: 16rpx;
 	}
 
-	.flex-start {
-		align-items: flex-start;
+
+	.first-mine {
+		height: 32rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
+
 	}
 
-	.justify-center {
-		justify-content: center;
+	.first-txt {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
+		line-height: 32rpx;
+		margin: 0 6rpx;
 	}
 
-	.align-items {
-		align-items: center;
-	}
+	.first-image {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
 
-	.flex-column {
-		flex-flow: column;
-	}
-
-	.justify-start {
-		justify-content: start;
-	}
-
-	.white-space {
-		overflow: hidden;
-		/* 确保超出容器的文本被隐藏 */
-		white-space: nowrap;
-		/* 确保文本在一行内显示 */
-		text-overflow: ellipsis;
-		/* 使用省略号表示被截断的文本 */
-		width: 100%;
-	}
-
-	.con-center {
-		background: white;
-		border-radius: 44rpx;
-		position: relative;
-	}
-	
-	
-
-	.space-between {
-		justify-content: space-between;
-	}
-
-	.swiper {
-		width: 100%;
-		height: 580rpx;
-	}
-
-	.box {
-		position: relative;
-	}
-
-	.topimgs_rmb{
-		position: absolute;
-		top: -168rpx;
-		right: 30rpx;
-		width: 201rpx;
-		height: 118rpx;
-		z-index: 0;
-	}
-	.topimgs{
-		position: absolute;
-		top: -120rpx;
-		width: 100%;
-		z-index: 0;
-	}
-	.top_texts{
-		position: absolute;
-		top: -151rpx;
-		right: 68rpx;
-		z-index: 3;
-		color: #ffffff;
-		.xiao{
-			margin-left: 4rpx;
-			font-size: 22rpx;
-			font-weight: bold;
-		}
-	}
-	.first-box {
-		width: 690rpx;
-		background: #FFFFFF;
-		// background: url('@/static/detail/conbg.png');
-		// padding-left: 24rpx;
-		// margin-top: 20rpx;
-		border-radius: 20rpx;
-		z-index: 1;
-		.sigh {
-			width: 88rpx;
-			height: 40rpx;
-			background: #BEEE03;
-			border-radius: 4rpx 4rpx 4rpx 4rpx;
-			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #222222;
-		}
-		.first-name{
-			width: 586rpx;
-			height: 52rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: bold;
-			font-size: 36rpx;
-			color: #323232;
-			// margin-left: 16rpx;
-		}
-
-
-		.first-mine {
-			height: 32rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-
-		}
-
-		.first-txt {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-			line-height: 32rpx;
-			margin: 0 6rpx;
-		}
-
-		.first-image {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-
-			span {
-				width: 600rpx;
-				// height: 40rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 400;
-				font-size: 26rpx;
-				color: #222222;
-			}
-			.xieyi{
-				background-color:#BBFC5B;
-				width: 156rpx;
-				height: 48rpx;
-				border-radius: 8rpx;
-				margin-left: 20rpx;
-			}
-		}
-	}
-
-	.second-box {
-		width: 690rpx;
-		height: 64rpx;
-		border-radius: 16rpx 16rpx 16rpx 16rpx;
-		margin: 20rpx 0 16rpx 0;
-
-		.smalld{
-          margin-left: 0 !important;
-        }
-		.number {
-			height: 40rpx;
+		span {
+			width: 600rpx;
+			// height: 40rpx;
 			font-family: Source Han Sans CN, Source Han Sans CN;
 			font-weight: 400;
 			font-size: 26rpx;
-			color: #323232;
-			margin-left: 32rpx;
+			color: #222222;
 		}
 
+		.xieyi {
+			background-color: #BBFC5B;
+			width: 156rpx;
+			height: 48rpx;
+			border-radius: 8rpx;
+			margin-left: 20rpx;
+		}
+	}
+}
+
+.second-box {
+	width: 690rpx;
+	height: 64rpx;
+	border-radius: 16rpx 16rpx 16rpx 16rpx;
+	margin: 20rpx 0 16rpx 0;
+
+	.smalld {
+		margin-left: 0 !important;
+	}
+
+	.number {
+		height: 40rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #323232;
+		margin-left: 32rpx;
+	}
+
+	view {
+		span {
+			width: 24rpx;
+			height: 24rpx;
+			background: rgba(255, 255, 255, 0.4);
+			border-radius: 24rpx;
+			margin: 0 22rpx 0 4rpx;
+		}
+	}
+}
+
+.third {
+	width: 100%;
+	background: #ffffff;
+	margin-top: 20rpx;
+	border-radius: 44rpx;
+	margin-bottom: 150rpx;
+
+	.third-top {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #323232;
+		line-height: 50rpx;
+		margin-top: 30rpx;
+		margin-left: 30rpx;
+		position: relative;
+		z-index: 10;
+	}
+
+	span {
+		position: relative;
+
+		.icons {
+			width: 37rpx;
+			height: 20rpx;
+			position: absolute;
+			left: 0;
+			bottom: 0;
+			z-index: -1;
+		}
+	}
+
+	.third-center {
+		padding: 30rpx;
+		overflow: hidden;
+		margin: 0 auto;
+		height: 100%;
+
+		.v_html {
+			word-wrap: break-word;
+			word-break: break-all;
+			font-size: 26rpx;
+			line-height: 42rpx;
+		}
+
+		.imgs {
+			margin-top: 30rpx;
+			width: 690rpx;
+		}
+	}
+
+
+
+}
+
+.line {
+	width: 690rpx;
+	height: 1rpx;
+	background: #F0F0F0;
+	margin: 19rpx 0;
+}
+
+.icon-size {
+	width: 32rpx;
+	height: 32rpx;
+	margin-right: 12rpx;
+}
+
+
+.footer {
+	width: 100%;
+	height: 166rpx;
+	// background: #ffffff;
+	border-radius: 0rpx 0rpx 0rpx 0rpx;
+	position: fixed;
+	z-index: 99;
+	/* 绝对定位 */
+	bottom: 40rpx;
+	/* 定位在底部 */
+	left: 0;
+	/* 定位在左边 */
+
+	.footer-left {
+		position: absolute;
+		left: 100rpx;
+		display: flex;
+
 		view {
-			span {
-				width: 24rpx;
-				height: 24rpx;
-				background: rgba(255, 255, 255, 0.4);
-				border-radius: 24rpx;
-				margin: 0 22rpx 0 4rpx;
-			}
-		}
-	}
-
-	.third {
-		width: 100%;
-		background: #ffffff;
-		margin-top:20rpx;
-		border-radius: 44rpx;
-		margin-bottom: 150rpx;
-		.third-top{
-			font-family: PingFang SC, PingFang SC;
-			font-weight: bold;
-			font-size: 36rpx;
-			color: #323232;
-			line-height: 50rpx;
-			margin-top: 30rpx;
-			margin-left:30rpx;
-			position: relative;
-			z-index: 10;
-		}
-		span{
-			position: relative;
-			.icons{
-				width: 37rpx;
-				height: 20rpx;
-				position: absolute;
-				left: 0;
-				bottom: 0;
-				z-index: -1;
-			}
-		}
-		.third-center {
-			padding: 30rpx;
-			overflow: hidden;
-			margin: 0 auto;
-			height: 100%;
-			.v_html{
-				word-wrap: break-word;word-break: break-all;
-				font-size: 26rpx;
-				line-height: 42rpx;
-			}
-			.imgs{
-				margin-top:30rpx;
-				width: 690rpx;
-			}
-		}
-
-
-
-	}
-
-	.line {
-		width: 690rpx;
-		height: 1rpx;
-		background: #F0F0F0;
-		margin: 19rpx 0;
-	}
-
-	.icon-size {
-		width: 32rpx;
-		height: 32rpx;
-		margin-right: 12rpx;
-	}
-
-
-	.footer {
-		width: 100%;
-		height: 166rpx;
-		// background: #ffffff;
-		border-radius: 0rpx 0rpx 0rpx 0rpx;
-		position: fixed;
-		z-index: 99;
-		/* 绝对定位 */
-		bottom: 40rpx;
-		/* 定位在底部 */
-		left: 0;
-		/* 定位在左边 */
-
-		.footer-left {
-			position: absolute;
-			left: 100rpx;
 			display: flex;
-
-			view {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				flex-flow: column;
-				margin-right: 40rpx;
-				width: 48rpx;
-
-				span {
-					text-align: center;
-					width: 48rpx;
-					height: 34rpx;
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 22rpx;
-					color: #A4A4A4;
-				}
-			}
-
-			image {
-				width: 191rpx;
-				height: 118rpx;
-			}
-		}
-
-		.footer-right {
-			position: absolute;
-			right: 30rpx;
-			width: 487rpx;
-			height: 102rpx;
-			background: url('@/static/detail/shangche.png');
-			background-size: 487rpx 102rpx;
-			border-radius: 200rpx;
-
-			span {
-				font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
-				font-weight: 400;
-				font-size: 48rpx;
-				color: #BBFC5B;
-			}
-		}
-	}
-
-
-	.popupBox {
-		width: 690rpx;
-		height: 716rpx;
-
-		.pop-header {
-			width: 100%;
-			background-image: url("/static/center/bg.png");
-			background-repeat: no-repeat;
-			background-position: left bottom;
-			height: 265rpx;
-
-			span {
-				font-family: PingFang SC, PingFang SC;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #343434;
-			}
-
-			.name {
-				width: 594rpx;
-				height: 66rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: bold;
-				font-size: 44rpx;
-				color: #222222;
-				margin-top: 80rpx;
-			}
-
-			.price {
-				width: 594rpx;
-				height: 66rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: bold;
-				font-size: 44rpx;
-				color: #FF4810;
-				margin-top: 16rpx;
-
-				span {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 800;
-					font-size: 36rpx;
-					color: #FF2323;
-					line-height: 32rpx;
-				}
-			}
-		}
-
-		.popup {
-			display: flex;
-			align-items: self-start;
 			justify-content: center;
-			width: 594rpx;
-		}
-
-		.popup-footer {
-			position: absolute;
-			left: 48rpx;
-			bottom: 48rpx;
+			align-items: center;
+			flex-flow: column;
+			margin-right: 40rpx;
+			width: 48rpx;
 
 			span {
-				width: 594rpx;
-				height: 100rpx;
-				background: #222222;
-				border-radius: 200rpx 200rpx 200rpx 200rpx;
+				text-align: center;
+				width: 48rpx;
+				height: 34rpx;
 				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: bold;
-				font-size: 32rpx;
-				color: #BEEE03;
-				display: flex;
-				justify-content: center;
-				align-items: center;
+				font-weight: 400;
+				font-size: 22rpx;
+				color: #A4A4A4;
 			}
 		}
 
-
-		.line {
-			width: 642rpx;
-			height: 1rpx;
-			background: #D9D9D9;
-			box-shadow: 1rpx 1rpx 0rpx 0rpx rgba(102, 102, 102, 0.25);
-			border-radius: 0rpx 0rpx 0rpx 0rpx;
-		}
-
-		.times {
-			width: 93%;
-
-			.selectTime {
-				width: 288rpx;
-				height: 50rpx;
-				background: #FFFFFF;
-				border-radius: 12rpx 12rpx 12rpx 12rpx;
-				border: 1rpx solid #D9D9D9;
-				color: #4B4B4B;
-				font-family: 'PingFang SC', 'PingFang SC';
-				font-weight: 500;
-				font-size: 24rpx;
-				padding-left: 15rpx;
-				cursor: pointer;
-				margin: 24rpx 32rpx 0 0;
-				white-space: nowrap;
-				/* 防止文本换行 */
-				text-overflow: ellipsis;
-				/* 超出部分显示省略号 */
-				overflow: hidden;
-				/* 隐藏超出部分 */
-				text-align: left;
-				/* 文字靠左对齐 */
-				line-height: 50rpx;
-				/* 垂直居中对齐 */
-				box-sizing: border-box;
-				/* 确保 padding 和 border 不影响宽度和高度 */
-				display: inline-block;
-				/* 确保容器内文字正确对齐 */
-			}
-
-		}
-
-		.selectTime.selected {
-			width: 288rpx;
-			height: 50rpx;
-			border-radius: 12rpx 12rpx 12rpx 12rpx;
-			background: #008CFF;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 800;
-			font-size: 24rpx;
-			color: #FFFFFF;
-			cursor: pointer;
-			margin: 24rpx 32rpx 0 0;
-
+		image {
+			width: 191rpx;
+			height: 118rpx;
 		}
 	}
 
-	.share {
-		position: fixed;
-		color: #FFFFFF;
-		right: 0;
-		bottom: 190rpx;
-		background: linear-gradient(to bottom right, #FE726B, #FE956B);
-		padding: 10rpx 10rpx 10rpx 20rpx;
-		border-top-left-radius: 50px;
-		border-bottom-left-radius: 50px;
-		box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
-	}
-
-	.cancel {
-		width: 100vw;
-		padding: 30rpx;
-		text-align: center;
-		background: #FFFFFF;
-		color: red;
-		font-weight: bold;
-		font-size: 30rpx;
-	}
-
-	.md-content {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		padding: 50rpx 0;
-		background-color: white;
-	}
-
-	.md-content-item {
-		margin: 0 70rpx;
-		position: relative;
-	}
-
-	.md-content-item image {
-		width: 100rpx;
-		height: 100rpx;
-	}
-
-	.md-content-item view {
-		margin-top: 15rpx;
-		font-size: 28rpx;
-	}
-
-	.sharebtn {
+	.footer-right {
 		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		opacity: 0;
-	}
+		right: 30rpx;
+		width: 487rpx;
+		height: 102rpx;
+		background: url('@/static/detail/shangche.png');
+		background-size: 487rpx 102rpx;
+		border-radius: 200rpx;
 
-	.cu-modal {
-		position: fixed;
-		bottom: 166rpx;
-		left: 0;
-		z-index: 999999;
+		span {
+			font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+			font-weight: 400;
+			font-size: 48rpx;
+			color: #BBFC5B;
+		}
 	}
+}
 
-	.gj {
-		.title {
+
+.popupBox {
+	width: 690rpx;
+	height: 716rpx;
+
+	.pop-header {
+		width: 100%;
+		background-image: url("/static/center/bg.png");
+		background-repeat: no-repeat;
+		background-position: left bottom;
+		height: 265rpx;
+
+		span {
 			font-family: PingFang SC, PingFang SC;
-			font-weight: 800;
-			font-size: 32rpx;
-			color: #4B4B4B;
+			font-weight: 400;
+			font-size: 20rpx;
+			color: #343434;
+		}
+
+		.name {
+			width: 594rpx;
+			height: 66rpx;
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			font-weight: bold;
+			font-size: 44rpx;
+			color: #222222;
+			margin-top: 80rpx;
+		}
+
+		.price {
+			width: 594rpx;
+			height: 66rpx;
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			font-weight: bold;
+			font-size: 44rpx;
+			color: #FF4810;
+			margin-top: 16rpx;
 
 			span {
 				font-family: PingFang SC, PingFang SC;
 				font-weight: 800;
-				font-size: 24rpx;
-				color: #4B4B4B;
-			}
-		}
-
-		.scroll {
-			width: 642rpx;
-			max-height: 340rpx;
-
-			view {
-				margin: 24rpx;
-				width: 600rpx;
-				height: 56rpx;
-				background: #E8E8E8;
-				border-radius: 12rpx 12rpx 12rpx 12rpx;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-
-				.title {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #7A7A7A;
-				}
-
-				.red {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #FF5F5F;
-				}
-
-				.lan {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #008CFF;
-				}
+				font-size: 36rpx;
+				color: #FF2323;
+				line-height: 32rpx;
 			}
 		}
 	}
 
-	::v-deep ::-webkit-scrollbar {
-		/*滚动条整体样式*/
-		width: 4px !important;
-		height: 1px !important;
-		overflow: auto !important;
-		background: #ccc !important;
-		-webkit-appearance: auto !important;
-		display: block;
-	}
-
-	::v-deep ::-webkit-scrollbar-thumb {
-		/*滚动条里面小方块*/
-		border-radius: 10px !important;
-		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
-		background: #7b7979 !important;
-	}
-
-	::v-deep ::-webkit-scrollbar-track {
-		/*滚动条里面轨道*/
-		// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
-		// border-radius: 10px !important;
-		background: #FFFFFF !important;
-	}
-	.pos {
-		position: relative;
-		width: 100%;
-		height: 100%;
-	}
-	.Poster {
-		position: relative;
-		margin: 0 auto;
-		.posterClose {
-			position: absolute;
-			right: 8rpx;
-			top: 200rpx;
-		}
-		.title_top{
-			position: relative;
-			margin: 0 auto;
-			width: 661rpx;height:1075rpx;
-			background-image: url('https://naweigetetest2.hschool.com.cn/dyqc/fenxiang.png');
-			background-size: 100%;
-			background-repeat: no-repeat;
-    		margin-top: 240rpx;
-			
-		}
-		.toutop{
-			position: absolute;
-			top: 120rpx;
-			left: 30rpx;
-			    display: flex;
-    align-items: center;
-	width: 80%;
-			.toutu{
-				width: 60rpx;
-				height: 60rpx;
-				border-radius: 134rpx 134rpx 134rpx 134rpx;
-				border: 2rpx solid #FFFFFF;
-			}
-			.toututt{
-				padding-left: 15rpx;
-				height: 36rpx;
-				font-family: PingFang SC Bold, PingFang SC Bold;
-				font-weight: 400;
-				font-size: 28rpx;
-				color: #3D3D3D;
-				line-height: 36rpx;
-				text-align: center;
-				font-style: normal;
-				text-transform: none;
-			}
-		}
-		.center_con{
-			padding-top: 200rpx;
-			.cenimg{
-				width: 620rpx;
-				height: 620rpx;
-				border-radius: 24rpx;
-				margin: 0 auto;
-    			display: block;
-			}
-			.center_text{
-				display: flex;
-				align-items: center;
-				justify-content: space-around;
-				margin-top: 30rpx;
-				.c1t1{
-					color: #202020;font-size: 36rpx;
-					// margin-top: 30rpx;
-				}
-				.c2t2{
-					font-family: D-DIN-PRO, D-DIN-PRO;
-					font-weight: 900;
-					font-size: 28rpx;
-					color: #FF4810;
-					margin-top: 20rpx;
-				}
-				.c3t3{
-					margin-top: 20rpx;
-					font-family: PingFang SC Regular, PingFang SC Regular;
-					font-weight: 400;
-					font-size: 26rpx;
-					color: #9C9C9C;
-				}
-			}
-		}
-		
-	}
-
-	
-
-	
-
-	.btnList {
-		width: 690rpx;
-		position: absolute;
-		bottom: 150rpx;
-		left: 30rpx;
+	.popup {
 		display: flex;
-		justify-content: space-evenly;
-		// width: 750rpx;
-		// height: 247rpx;
-		// background: #FFFFFF;
-		// border-radius: 44rpx 44rpx 0rpx 0rpx;
+		align-items: self-start;
+		justify-content: center;
+		width: 594rpx;
+	}
+
+	.popup-footer {
+		position: absolute;
+		left: 48rpx;
+		bottom: 48rpx;
 
 		span {
-			width: 250rpx;
-			height: 80rpx;
-			background: #FFFFFF;
-			border-radius: 401rpx 401rpx 401rpx 401rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 800;
-			font-size: 34rpx;
-			color: #008CFF;
+			width: 594rpx;
+			height: 100rpx;
+			background: #222222;
+			border-radius: 200rpx 200rpx 200rpx 200rpx;
+			font-family: Source Han Sans CN, Source Han Sans CN;
+			font-weight: bold;
+			font-size: 32rpx;
+			color: #BEEE03;
 			display: flex;
 			justify-content: center;
 			align-items: center;
 		}
-
-		.save {}
 	}
 
-	.no-scroll {
-		overflow: hidden;
-		height: 100vh;
+
+	.line {
+		width: 642rpx;
+		height: 1rpx;
+		background: #D9D9D9;
+		box-shadow: 1rpx 1rpx 0rpx 0rpx rgba(102, 102, 102, 0.25);
+		border-radius: 0rpx 0rpx 0rpx 0rpx;
 	}
 
-	::v-deep ._root {
-		padding: 0 10rpx;
+	.times {
+		width: 93%;
+
+		.selectTime {
+			width: 288rpx;
+			height: 50rpx;
+			background: #FFFFFF;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			border: 1rpx solid #D9D9D9;
+			color: #4B4B4B;
+			font-family: 'PingFang SC', 'PingFang SC';
+			font-weight: 500;
+			font-size: 24rpx;
+			padding-left: 15rpx;
+			cursor: pointer;
+			margin: 24rpx 32rpx 0 0;
+			white-space: nowrap;
+			/* 防止文本换行 */
+			text-overflow: ellipsis;
+			/* 超出部分显示省略号 */
+			overflow: hidden;
+			/* 隐藏超出部分 */
+			text-align: left;
+			/* 文字靠左对齐 */
+			line-height: 50rpx;
+			/* 垂直居中对齐 */
+			box-sizing: border-box;
+			/* 确保 padding 和 border 不影响宽度和高度 */
+			display: inline-block;
+			/* 确保容器内文字正确对齐 */
+		}
+
 	}
 
-	.no-border-button {
-		background-color: transparent;
-		/* 去掉背景色 */
-		border: none;
-		/* 去掉边框 */
-		padding: 0;
-		/* 去掉内边距 */
-		margin: 0;
-		/* 去掉外边距 */
-		display: inline-flex;
-		/* 使按钮内容居中 */
-		align-items: center;
-		/* 垂直居中 */
-		justify-content: center;
-		/* 水平居中 */
-		flex-flow: column;
-		height: 80rpx;
-		line-height: inherit;
+	.selectTime.selected {
+		width: 288rpx;
+		height: 50rpx;
+		border-radius: 12rpx 12rpx 12rpx 12rpx;
+		background: #008CFF;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 24rpx;
+		color: #FFFFFF;
+		cursor: pointer;
+		margin: 24rpx 32rpx 0 0;
+
+	}
+}
+
+.share {
+	position: fixed;
+	color: #FFFFFF;
+	right: 0;
+	bottom: 190rpx;
+	background: linear-gradient(to bottom right, #FE726B, #FE956B);
+	padding: 10rpx 10rpx 10rpx 20rpx;
+	border-top-left-radius: 50px;
+	border-bottom-left-radius: 50px;
+	box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
+}
+
+.cancel {
+	width: 100vw;
+	padding: 30rpx;
+	text-align: center;
+	background: #FFFFFF;
+	color: red;
+	font-weight: bold;
+	font-size: 30rpx;
+}
+
+.md-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	padding: 50rpx 0;
+	background-color: white;
+}
+
+.md-content-item {
+	margin: 0 70rpx;
+	position: relative;
+}
+
+.md-content-item image {
+	width: 100rpx;
+	height: 100rpx;
+}
+
+.md-content-item view {
+	margin-top: 15rpx;
+	font-size: 28rpx;
+}
+
+.sharebtn {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	opacity: 0;
+}
+
+.cu-modal {
+	position: fixed;
+	bottom: 166rpx;
+	left: 0;
+	z-index: 999999;
+}
+
+.gj {
+	.title {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 32rpx;
+		color: #4B4B4B;
 
 		span {
-			width: 250rpx;
-			height: 80rpx;
-			background: #FFFFFF;
-			border-radius: 401rpx 401rpx 401rpx 401rpx;
 			font-family: PingFang SC, PingFang SC;
 			font-weight: 800;
-			font-size: 34rpx;
-			color: #008CFF;
+			font-size: 24rpx;
+			color: #4B4B4B;
+		}
+	}
+
+	.scroll {
+		width: 642rpx;
+		max-height: 340rpx;
+
+		view {
+			margin: 24rpx;
+			width: 600rpx;
+			height: 56rpx;
+			background: #E8E8E8;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
 			display: flex;
 			justify-content: center;
 			align-items: center;
+
+			.title {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #7A7A7A;
+			}
+
+			.red {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #FF5F5F;
+			}
+
+			.lan {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #008CFF;
+			}
+		}
+	}
+}
+
+::v-deep ::-webkit-scrollbar {
+	/*滚动条整体样式*/
+	width: 4px !important;
+	height: 1px !important;
+	overflow: auto !important;
+	background: #ccc !important;
+	-webkit-appearance: auto !important;
+	display: block;
+}
+
+::v-deep ::-webkit-scrollbar-thumb {
+	/*滚动条里面小方块*/
+	border-radius: 10px !important;
+	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+	background: #7b7979 !important;
+}
+
+::v-deep ::-webkit-scrollbar-track {
+	/*滚动条里面轨道*/
+	// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+	// border-radius: 10px !important;
+	background: #FFFFFF !important;
+}
+
+.pos {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+.Poster {
+	position: relative;
+	margin: 0 auto;
+
+	.posterClose {
+		position: absolute;
+		right: 8rpx;
+		top: 200rpx;
+	}
+
+	.title_top {
+		position: relative;
+		margin: 0 auto;
+		width: 661rpx;
+		height: 1075rpx;
+		background-image: url('https://naweigetetest2.hschool.com.cn/dyqc/fenxiang.png');
+		background-size: 100%;
+		background-repeat: no-repeat;
+		margin-top: 240rpx;
+
+	}
+
+	.toutop {
+		position: absolute;
+		top: 120rpx;
+		left: 30rpx;
+		display: flex;
+		align-items: center;
+		width: 80%;
+
+		.toutu {
+			width: 60rpx;
+			height: 60rpx;
+			border-radius: 134rpx 134rpx 134rpx 134rpx;
+			border: 2rpx solid #FFFFFF;
+		}
+
+		.toututt {
+			padding-left: 15rpx;
+			height: 36rpx;
+			font-family: PingFang SC Bold, PingFang SC Bold;
+			font-weight: 400;
+			font-size: 28rpx;
+			color: #3D3D3D;
+			line-height: 36rpx;
+			text-align: center;
+			font-style: normal;
+			text-transform: none;
+		}
+	}
+
+	.center_con {
+		padding-top: 200rpx;
+
+		.cenimg {
+			width: 620rpx;
+			height: 620rpx;
+			border-radius: 24rpx;
+			margin: 0 auto;
+			display: block;
+		}
+
+		.center_text {
+			display: flex;
+			align-items: center;
+			justify-content: space-around;
+			margin-top: 30rpx;
+
+			.c1t1 {
+				color: #202020;
+				font-size: 36rpx;
+				// margin-top: 30rpx;
+			}
+
+			.c2t2 {
+				font-family: D-DIN-PRO, D-DIN-PRO;
+				font-weight: 900;
+				font-size: 28rpx;
+				color: #FF4810;
+				margin-top: 20rpx;
+			}
+
+			.c3t3 {
+				margin-top: 20rpx;
+				font-family: PingFang SC Regular, PingFang SC Regular;
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #9C9C9C;
+				width: 340rpx;
+			}
+		}
+	}
+
+}
+
+
+
+
+
+.btnList {
+	width: 690rpx;
+	position: absolute;
+	bottom: 150rpx;
+	left: 30rpx;
+	display: flex;
+	justify-content: space-evenly;
+	// width: 750rpx;
+	// height: 247rpx;
+	// background: #FFFFFF;
+	// border-radius: 44rpx 44rpx 0rpx 0rpx;
+
+	span {
+		width: 250rpx;
+		height: 80rpx;
+		background: #FFFFFF;
+		border-radius: 401rpx 401rpx 401rpx 401rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 34rpx;
+		color: #008CFF;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.save {}
+}
+
+.no-scroll {
+	overflow: hidden;
+	height: 100vh;
+}
+
+::v-deep ._root {
+	padding: 0 10rpx;
+}
+
+.no-border-button {
+	background-color: transparent;
+	/* 去掉背景色 */
+	border: none;
+	/* 去掉边框 */
+	padding: 0;
+	/* 去掉内边距 */
+	margin: 0;
+	/* 去掉外边距 */
+	display: inline-flex;
+	/* 使按钮内容居中 */
+	align-items: center;
+	/* 垂直居中 */
+	justify-content: center;
+	/* 水平居中 */
+	flex-flow: column;
+	height: 80rpx;
+	line-height: inherit;
+
+	span {
+		width: 250rpx;
+		height: 80rpx;
+		background: #FFFFFF;
+		border-radius: 401rpx 401rpx 401rpx 401rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 34rpx;
+		color: #008CFF;
+		display: flex;
+			justify-content: center;
+			align-items: center;
 		}
 	}
 </style>
 <style lang="scss">
-	.value_slide{
-		width: 50%;
-		::v-deep .uni-slider-handle-wrapper{
-			height: 10rpx;
+.value_slide {
+	width: 50%;
+
+	::v-deep .uni-slider-handle-wrapper {
+		height: 10rpx;
+	}
+
+	::v-deep .uni-slider-handle {
+		background: url('@/static/detail/qiu.png') !important;
+		border-radius: 0;
+		background-size: 36rpx 36rpx !important;
+		width: 36rpx;
+		height: 36rpx;
+		top: 14rpx;
+		margin-left: -18rpx !important;
+	}
+
+	::v-deep .uni-slider-value {
+		color: #323232;
+
+		&::after {
+			content: '%';
 		}
-		::v-deep .uni-slider-handle{
-			background: url('@/static/detail/qiu.png') !important;
-			border-radius: 0;
-			background-size: 36rpx 36rpx !important;
-			width: 36rpx;
-			height: 36rpx;
-			top: 14rpx;
-			margin-left: -18rpx !important;
-		}
-		::v-deep .uni-slider-value{
-			color: #323232;
-			&::after{
-				content: '%';
-			}
-		}
-		// #ifdef MP-WEIXIN
-		.wx-slider-handle-wrapper{
-			height: 8rpx;
-		}
-		.wx-slider-handle{
-			background: url('@/static/detail/qiu.png') !important;
-			border-radius: 0;
-			background-size: 30rpx 30rpx !important;
-			width: 28rpx;
-			height: 28rpx;
-			top: 14rpx;
-			margin-left: -14rpx !important;
-		}
-		.wx-slider-value{
-			display: flex;
-			width: 30rpx;
-			color: #323232;
-			&::after{
-				content: '%';
+	}
+
+	// #ifdef MP-WEIXIN
+	.wx-slider-handle-wrapper {
+		height: 8rpx;
+	}
+
+	.wx-slider-handle {
+		background: url('@/static/detail/qiu.png') !important;
+		border-radius: 0;
+		background-size: 30rpx 30rpx !important;
+		width: 28rpx;
+		height: 28rpx;
+		top: 14rpx;
+		margin-left: -14rpx !important;
+	}
+
+	.wx-slider-value {
+		display: flex;
+		width: 30rpx;
+		color: #323232;
+
+		&::after {	content: '%';
 			}
 		}
 		// #endif