hookehuyr

feat(课程详情页): 在咨询弹窗中添加微信二维码及预览功能

...@@ -192,6 +192,7 @@ ...@@ -192,6 +192,7 @@
192 查看全部评价 192 查看全部评价
193 </button> 193 </button>
194 </FrostedGlass> 194 </FrostedGlass>
195 +
195 </div> 196 </div>
196 197
197 <!-- Bottom Action Bar --> 198 <!-- Bottom Action Bar -->
...@@ -358,6 +359,18 @@ ...@@ -358,6 +359,18 @@
358 </ul> 359 </ul>
359 </div> 360 </div>
360 361
362 + <!-- 微信二维码:放置在咨询弹窗内部(尺寸缩小,样式参考联系人) -->
363 + <div class="bg-gray-50 border border-gray-200 rounded-lg p-3 mb-4 flex flex-col items-center">
364 + <div class="text-gray-700 mb-2">微信二维码</div>
365 + <img
366 + :src="wechat_qr_url"
367 + alt="微信二维码"
368 + class="w-24 h-auto object-contain block"
369 + @click="open_qr_preview"
370 + />
371 + <div class="text-xs text-gray-500 mt-2">点击二维码可查看大图</div>
372 + </div>
373 +
361 <!-- 底部关闭按钮(唯一操作) --> 374 <!-- 底部关闭按钮(唯一操作) -->
362 <div class="mt-4"> 375 <div class="mt-4">
363 <button class="w-full bg-gradient-to-r from-green-500 to-green-600 text-white py-2 rounded-lg" @click="close_consult_dialog">关闭</button> 376 <button class="w-full bg-gradient-to-r from-green-500 to-green-600 text-white py-2 rounded-lg" @click="close_consult_dialog">关闭</button>
...@@ -398,6 +411,19 @@ import { checkinTaskAPI } from '@/api/checkin'; ...@@ -398,6 +411,19 @@ import { checkinTaskAPI } from '@/api/checkin';
398 // 原始 og:description 内容缓存(用于离开页面时恢复) 411 // 原始 og:description 内容缓存(用于离开页面时恢复)
399 let original_og_desc_content = null; 412 let original_og_desc_content = null;
400 413
414 +// 微信二维码地址
415 +const wechat_qr_url = 'https://oa.behalo.cc/admin/?m=srv&a=get_qrcode&key=https%3A%2F%2Fwxm.behalo.cc%2Ff%2Fmlaj%2F%23%2Fcourses%2F2932942'
416 +
417 +/**
418 + * @function open_qr_preview
419 + * @description 打开微信二维码大图预览。
420 + * @returns {void}
421 + */
422 +const open_qr_preview = () => {
423 + // 预览二维码原图
424 + showImagePreview([wechat_qr_url])
425 +}
426 +
401 /** 427 /**
402 * @function build_og_image_url 428 * @function build_og_image_url
403 * @description 构建 og:image 地址;若为 cdn.ipadbiz.cn 域名,则追加图片压缩参数。 429 * @description 构建 og:image 地址;若为 cdn.ipadbiz.cn 域名,则追加图片压缩参数。
......