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> <template>
<view class="page"> <view class="page">
<view class="content"> <!-- xuchao: 参加指南改为整图展示,与使用指南一致;图片资源尚未上传 OSS,加载失败时给文字兜底避免白屏 -->
<text>参加指南</text> <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>
</view> </view>
</template> </template>
@@ -9,7 +11,11 @@
<script> <script>
export default { export default {
data() { data() {
return {} return {
// 运营指定图片地址(OSS 上传后可与全站统一为 aliyunoss.hn12301.net/hhrs)
imgUrl: 'https://zhihuiyou.oss-cn-shenzhen.aliyuncs.com/hhrs/hhrs_zhinan.jpg',
imgFailed: false
}
}, },
onLoad() {}, onLoad() {},
methods: {} methods: {}
@@ -18,14 +24,21 @@
<style scoped> <style scoped>
.page { .page {
height: 100vh; min-height: 100vh;
background-color: #f5f5f5; background-color: #f5f5f5;
overflow: hidden;
} }
.content { /* xuchao: 整图展示,widthFix 随页面向下滚动 */
display: flex; .join-img {
align-items: center; display: block;
justify-content: center; width: 100%;
height: 100vh; }
.empty-tip {
padding: 80px 24px 0;
text-align: center;
}
.empty-text {
font-size: 14px;
color: #999999;
line-height: 1.6;
} }
</style> </style>
+1 -1
View File
@@ -1,6 +1,6 @@
<template> <template>
<view class="page"> <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> </view>
</template> </template>
+8 -5
View File
@@ -38,16 +38,13 @@
</view> </view>
</view> </view>
<!-- 底部 TabBar -->
<!-- <tab-bar :current="1" /> -->
</view> </view>
</template> </template>
<script> <script>
import tabBar from '@/components/TabBar/TabBar.vue' import config from '@/common/config.js'
export default { export default {
components: { tabBar },
data() { data() {
return { return {
isLogin: false, isLogin: false,
@@ -90,7 +87,13 @@ export default {
uni.navigateTo({ url: '/pages/guide/use' }) uni.navigateTo({ url: '/pages/guide/use' })
}, },
goService() { goService() {
// TODO: 联系客服 // xuchao: 唤起拨号,号码与协议页公示的统一客服电话同源(common/config.js)
uni.makePhoneCall({
phoneNumber: config.servicePhone,
fail: () => {
uni.showToast({ title: '拨号失败,客服电话 ' + config.servicePhone, icon: 'none' })
}
})
} }
} }
} }