Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
mlaj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-12-08 14:32:56 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
afe40a6ebe93cda6b8ea03ea265b56eb2cdf5222
afe40a6e
1 parent
22b325b4
feat(课程详情页): 在咨询弹窗中添加微信二维码及预览功能
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
26 additions
and
0 deletions
src/views/courses/CourseDetailPage.vue
src/views/courses/CourseDetailPage.vue
View file @
afe40a6
...
...
@@ -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 域名,则追加图片压缩参数。
...
...
Please
register
or
login
to post a comment