修改海报

pages/center/detail.vue

@@ -59,7 +59,7 @@
 							keyName="avatar" size="30" gap="0.3" :maxCount="3"></u-avatar-group>
 							<image
 								src="/static/index/dian.png"
-								:class="detail.join_info.users.length > 0 ? '' :'smalld'"
+								: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>
@@ -198,55 +198,31 @@
 
 		<!-- 分享海报 -->
 		<u-overlay :show="overlay" class="pos">
-			<view class="btnList">
+			
-				<span class="save" @click.stop="save()">保 存 海 报</span>
+			<view class="Poster">
-				<!-- <span class="sharePoster"  @click.stop="sharePoster()">
+				<span class="posterClose" @click="closeoo">
-				分 享
-				</span> -->
-				<button open-type="share" class="no-border-button" plain="true">
-					<span>分 享 发 布</span>
-				</button>
-			</view>
-			<view class="Poster" style="z-index: 9999;height: 1230rpx;">
-				<span class="posterClose" @click.stop="overlay = false">
 					<image src="../../static/center/close.png" mode="" style="width: 64rpx;height: 64rpx;"></image>
 				</span>
+				<image :src="path" mode="widthFix" style="width: 661rpx;height: 1075rpx;"></image>
+				<l-painter isCanvasToTempFilePath ref="painter" @success="(path = $event)"
+					css="width: 661rpx;height:1075rpx; padding-bottom: 40rpx; background-image: url('https://naweigetetest2.hschool.com.cn/uploads/20250512/cab87804899539e37ef155163ab12b54.png')">
 
-				<image :src="path" mode="widthFix" style="width: 690rpx;height: 1230rpx;"></image>
-				<l-painter isCanvasToTempFilePath ref="painter" @success="path = $event" hidden
-					css="width: 750rpx;height:1230rpx; padding-bottom: 40rpx; background-image: url('https://testy.hschool.com.cn//uploads/20241219/6f46474364fe7ae36295cb8d96854b52.png')">
-					<l-painter-image :src="userInfo.avatar"
-						css="margin-left: 40rpx; margin-top: 100rpx; width: 90rpx;  height: 90rpx; border-radius: 50%;" />
-					<l-painter-view css="margin-top: 100rpx; padding-left: 20rpx; display: inline-block">
-						<l-painter-text :text="userInfo.realname || userInfo.nickname"
-							css="display: block; padding-bottom: 10rpx; color: #181818; font-size: 34rpx; fontWeight: bold" />
-						<l-painter-text text="邀请您一起上课" css="color: #7A7A7A; font-size: 24rpx" />
-					</l-painter-view>
 					<l-painter-view
 						css="margin-left: 35rpx; margin-top: 24rpx; padding: 32rpx; box-sizing: border-box; background: #fff; border-radius: 16rpx; width: 690rpx; box-shadow: 0 20rpx 58rpx rgba(0,0,0,.15)">
-						<l-painter-image :src="detail.headimage"
+						<l-painter-image :src="detail.user.avatar"
 							css="object-fit: cover; object-position: 50% 50%; width: 626rpx; height: 448rpx; border-radius: 12rpx;" />
 
 						<l-painter-view css=" width: 626rpx;display: flex;alignItems: center;">
 							<l-painter-view>
-								<l-painter-view
-									css="margin-top: 32rpx; color: #FF0000; font-weight: bold; font-size: 28rpx; line-height: 1em;">
-									<l-painter-text text="￥" css="vertical-align: bottom;font-size: 42rpx"
-										v-if="detail.feel == 0" />
-									<l-painter-text :text="detail.price" css="vertical-align: bottom; font-size: 58rpx"
-										v-if="detail.feel == 0" />
-									<l-painter-text text="免费" css="vertical-align: bottom;font-size: 42rpx"
-										v-if="detail.feel == 1" />
-								</l-painter-view>
 								<l-painter-view css="margin-top: 24rpx;">
 									<l-painter-text :text="formattedTitle" css="color: #343434;font-size: 36rpx;" />
 								</l-painter-view>
 								<l-painter-text
 									css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block; width: 380rpx; padding-right:32rpx; box-sizing: border-box"
-									:text="'讲师:' + detail.teacher.name"></l-painter-text>
+									:text="detail.price"></l-painter-text>
 								<l-painter-text
 									css="line-clamp: 2; color: #333333; line-height: 1.8em; font-size: 26rpx;display: block;margin-bottom:30rpx; width: 380rpx; padding-right:32rpx; box-sizing: border-box"
-									:text="detail.address_detail"></l-painter-text>
+									:text="detail.address"></l-painter-text>
 							</l-painter-view>
 							<l-painter-view css="margin-top: 24rpx;">
 								<l-painter-qrcode css="width: 200rpx; height: 200rpx;" :text="qrUrl"></l-painter-qrcode>
@@ -256,6 +232,15 @@
 					</l-painter-view>
 				</l-painter>
 			</view>
+			<view class="btnList">
+				<span class="save" @click.stop="save()">保 存 海 报</span>
+				<!-- <span class="sharePoster"  @click.stop="sharePoster()">
+				分 享
+				</span> -->
+				<button open-type="share" class="no-border-button" plain="true">
+					<span>分 享 发 布</span>
+				</button>
+			</view>
 		</u-overlay>
 
 	</view>
@@ -270,12 +255,12 @@
 	} from '../../utils/dateFormat'
 	export default {
 		computed: {
-			// formattedTitle() {
+			formattedTitle() {
-			// 	if (this.detail.title.length > 9) {
+				if (this.detail.title.length > 9) {
-			// 		return this.detail.title.slice(0, 9) + '..';
+					return this.detail.title.slice(0, 9) + '..';
-			// 	}
+				}
-			// 	return this.detail.title;
+				return this.detail.title;
-			// },
+			},
 			formattedTimeList() {
 				return this.timeList.map(item => {
 					const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
@@ -308,7 +293,7 @@
 				scrollTop: 0,
 				overlay: false,
 				userInfo: {},
-				path: 'https://testy.hschool.com.cn//uploads/20241219/3406baf51fcc28c63c31ebcee5c9c75e.jpg',
+				path: '',
 				uloadingShow: false,
 				show: false,
 				buyShow: false,
@@ -374,7 +359,9 @@
 		},
 
 		methods: {
-
+			closeoo(){
+				this.overlay = false;
+			},
 			overlayShow() {
 				const token = uni.getStorageSync('token')
 				if (token) {
@@ -438,11 +425,11 @@
 				}
 			},
 
-			// sharePoster() {
+			sharePoster() {
-			// 	//获取带参数二维码并传递
+				//获取带参数二维码并传递
-			// 	this.is_show_model = false
+				this.is_show_model = false
-			// 	this.$refs.poster.showCanvas()
+				this.$refs.poster.showCanvas()
-			// },
+			},
 
 			// 获取课时规格
 			getTime() {
@@ -1494,6 +1481,7 @@
 		top: 21rpx;
 		left: 30rpx;
 		width: 690rpx;
+		height: 1200rpx;
 	}
 
 	.posterClose {