hookehuyr

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

......@@ -192,6 +192,7 @@
查看全部评价
</button>
</FrostedGlass>
</div>
<!-- Bottom Action Bar -->
......@@ -358,6 +359,18 @@
</ul>
</div>
<!-- 微信二维码:放置在咨询弹窗内部(尺寸缩小,样式参考联系人) -->
<div class="bg-gray-50 border border-gray-200 rounded-lg p-3 mb-4 flex flex-col items-center">
<div class="text-gray-700 mb-2">微信二维码</div>
<img
:src="wechat_qr_url"
alt="微信二维码"
class="w-24 h-auto object-contain block"
@click="open_qr_preview"
/>
<div class="text-xs text-gray-500 mt-2">点击二维码可查看大图</div>
</div>
<!-- 底部关闭按钮(唯一操作) -->
<div class="mt-4">
<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';
// 原始 og:description 内容缓存(用于离开页面时恢复)
let original_og_desc_content = null;
// 微信二维码地址
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'
/**
* @function open_qr_preview
* @description 打开微信二维码大图预览。
* @returns {void}
*/
const open_qr_preview = () => {
// 预览二维码原图
showImagePreview([wechat_qr_url])
}
/**
* @function build_og_image_url
* @description 构建 og:image 地址;若为 cdn.ipadbiz.cn 域名,则追加图片压缩参数。
......