feat: 参加指南改整图展示,联系客服唤起拨号

1. 参加指南页由占位文字改为整图(hhrs_zhinan.jpg,图片待运营上传),加载失败时显示文字兜底,不再白屏

2. 我的-联系客服接入 uni.makePhoneCall,号码取 common/config.js.servicePhone(0731-88912301),与协议页公示一致

3. 站内图片域名统一为 aliyunoss.hn12301.net/hhrs(已逐个核实资源存在)
This commit is contained in:
jacobxu666
2026-09-14 23:39:00 +08:00
parent 745f4bf5f1
commit 0cf11a4163
3 changed files with 32 additions and 16 deletions
+23 -10
View File
@@ -1,7 +1,9 @@
<template>
<view class="page">
<view class="content">
<text>参加指南</text>
<!-- xuchao: 参加指南改为整图展示,与使用指南一致;图片资源尚未上传 OSS,加载失败时给文字兜底避免白屏 -->
<image v-if="!imgFailed" class="join-img" :src="imgUrl" mode="widthFix" @error="imgFailed = true"></image>
<view class="empty-tip" v-else>
<text class="empty-text">参加指南内容整理中,请稍后再来查看</text>
</view>
</view>
</template>
@@ -9,7 +11,11 @@
<script>
export default {
data() {
return {}
return {
// 运营指定图片地址(OSS 上传后可与全站统一为 aliyunoss.hn12301.net/hhrs)
imgUrl: 'https://zhihuiyou.oss-cn-shenzhen.aliyuncs.com/hhrs/hhrs_zhinan.jpg',
imgFailed: false
}
},
onLoad() {},
methods: {}
@@ -18,14 +24,21 @@
<style scoped>
.page {
height: 100vh;
min-height: 100vh;
background-color: #f5f5f5;
overflow: hidden;
}
.content {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
/* xuchao: 整图展示,widthFix 随页面向下滚动 */
.join-img {
display: block;
width: 100%;
}
.empty-tip {
padding: 80px 24px 0;
text-align: center;
}
.empty-text {
font-size: 14px;
color: #999999;
line-height: 1.6;
}
</style>
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<view class="page">
<image class="use-img" src="https://zhihuiyou.oss-cn-shenzhen.aliyuncs.com/hhrs/hhrs_use.jpg" mode="widthFix"></image>
<image class="use-img" src="https://aliyunoss.hn12301.net/hhrs/hhrs_use.jpg" mode="widthFix"></image>
</view>
</template>
+8 -5
View File
@@ -38,16 +38,13 @@
</view>
</view>
<!-- 底部 TabBar -->
<!-- <tab-bar :current="1" /> -->
</view>
</template>
<script>
import tabBar from '@/components/TabBar/TabBar.vue'
import config from '@/common/config.js'
export default {
components: { tabBar },
data() {
return {
isLogin: false,
@@ -90,7 +87,13 @@ export default {
uni.navigateTo({ url: '/pages/guide/use' })
},
goService() {
// TODO: 联系客服
// xuchao: 唤起拨号,号码与协议页公示的统一客服电话同源(common/config.js)
uni.makePhoneCall({
phoneNumber: config.servicePhone,
fail: () => {
uni.showToast({ title: '拨号失败,客服电话 ' + config.servicePhone, icon: 'none' })
}
})
}
}
}