feat: 参加指南改整图展示,联系客服唤起拨号
1. 参加指南页由占位文字改为整图(hhrs_zhinan.jpg,图片待运营上传),加载失败时显示文字兜底,不再白屏 2. 我的-联系客服接入 uni.makePhoneCall,号码取 common/config.js.servicePhone(0731-88912301),与协议页公示一致 3. 站内图片域名统一为 aliyunoss.hn12301.net/hhrs(已逐个核实资源存在)
This commit is contained in:
+23
-10
@@ -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
@@ -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
@@ -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' })
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user