rose
2 years ago
parent
b1bb5ffc77
commit
4d20d2c348
@ -1,65 +1,132 @@ |
||||
<template> |
||||
<view class=""> |
||||
<view class="mode_com"> |
||||
<view class="dy_fx_clu"> |
||||
<view class="guy_img"><image :src="src" class="tup_size_160"></image></view> |
||||
<view class="fx_1"> |
||||
<view class="abt_ht_text"> |
||||
{{ name }}文旅APP |
||||
<!-- <text>版本号:3.2.1</text> --> |
||||
</view> |
||||
<view class="nr_cot"> |
||||
{{ name }}文旅是利用互联网、物联网、大数据、人工智能、融合5G技术打造的全域旅游智慧营销和管理平台，实现了 |
||||
<text class="lgn_t_h1">“旅游全程智能化”</text> |
||||
。游客只需要用一部手机，就可以满足游前、游中、游后的旅游需求，为游客在 旅游信息获取、文化旅游行程规划、产品预订、游记分享、特产展示、投诉建议 |
||||
等方面提供一站式智能化便捷服务。 |
||||
</view> |
||||
</view> |
||||
<view class="bot_about_k an_t_2"> |
||||
查看 |
||||
<view @tap="goToPage('xieyi')" class="t_col_1">《用户协议》</view> |
||||
和 |
||||
<view @tap="goToPage('zhengce')" class="t_col_1">《隐私政策》</view> |
||||
</view> |
||||
<view class="v-about"> |
||||
<view class="v-about-top"> |
||||
<view class="v-about-top-left"> |
||||
<view class="v-about-top-text">客服服务中心</view> |
||||
<view class="v-about-top-eg">Customer Service Center</view> |
||||
</view> |
||||
<view class="v-about-top-right"> |
||||
<image src="../../static/animg/v-server.svg" class="v-about-top-img" mode="widthFix"></image> |
||||
</view> |
||||
</view> |
||||
<view class="v-about-item" @click="getPhone('zixun')"> |
||||
<text>咨询电话：</text><text class="num">0318—2355980</text> |
||||
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> |
||||
</view> |
||||
<view class="v-about-item" @click="getPhone('tousu')"> |
||||
<text>投诉电话：</text><text class="num">0318—2999253</text> |
||||
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> |
||||
</view> |
||||
<view class="v-about-item" @click="getPhone('jiuyuan')"> |
||||
<text>救援电话：</text><text class="num">0318—2995392</text> |
||||
<image src="../../static/animg/v-phone.svg" class="v-about-top-tel" mode="widthFix"></image> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
name: this.$param.cityName, |
||||
src: '../../static/images/' + this.$param.cityPy + '.png' |
||||
}; |
||||
}, |
||||
onLoad(options) { |
||||
if (options.isRedirect == '1') { |
||||
uni.switchTab({ |
||||
url: '/pages/personcenter/personcenter' |
||||
}); |
||||
} |
||||
}, |
||||
methods: { |
||||
goToPage:function(type){ |
||||
if(type == "xieyi"){ |
||||
uni.navigateTo({ |
||||
url: '/pages/xieyi/xieyi' |
||||
}); |
||||
}else if(type == "zhengce"){ |
||||
uni.navigateTo({ |
||||
url: '/pages/zhengce/zhengce' |
||||
export default { |
||||
data() { |
||||
return { |
||||
name: this.$param.cityName, |
||||
src: '../../static/images/' + this.$param.cityPy + '.png' |
||||
}; |
||||
}, |
||||
onLoad(options) { |
||||
if (options.isRedirect == '1') { |
||||
uni.switchTab({ |
||||
url: '/pages/personcenter/personcenter' |
||||
}); |
||||
} |
||||
}, |
||||
methods: { |
||||
getPhone: function(type) { |
||||
if (type == 'zixun') { |
||||
uni.makePhoneCall({ |
||||
phoneNumber: '18531186026' //仅为示例，并非真实的电话号码 |
||||
}) |
||||
} else if (type == 'tousu') { |
||||
uni.makePhoneCall({ |
||||
phoneNumber: '0318—2999253' //仅为示例，并非真实的电话号码 |
||||
}) |
||||
} else if (type == 'jiuyuan') { |
||||
uni.makePhoneCall({ |
||||
phoneNumber: '0318—2995392' //仅为示例，并非真实的电话号码 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
}; |
||||
</script> |
||||
|
||||
<style> |
||||
@import url('../../static/css/common.css'); |
||||
page { |
||||
background: #fff; |
||||
} |
||||
.mode_com{ padding-top:60rpx;} |
||||
</style> |
||||
@import url('../../static/css/common.css'); |
||||
|
||||
page { |
||||
background: #fff; |
||||
} |
||||
|
||||
.v-about { |
||||
padding: 20rpx 40rpx; |
||||
} |
||||
|
||||
.v-about-top { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.v-about-top-left { |
||||
flex: auto; |
||||
padding-left: 20rpx; |
||||
} |
||||
|
||||
.v-about-top-right {} |
||||
|
||||
.v-about-top-img { |
||||
width: 200rpx; |
||||
} |
||||
|
||||
.v-about-top-tel { |
||||
width: 50rpx; |
||||
} |
||||
|
||||
.v-about-top-text { |
||||
color: #ae3523; |
||||
font-size: 50rpx; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.v-about-top-eg { |
||||
color: #ae3523; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.v-about-item { |
||||
display: flex; |
||||
margin: 40rpx 0; |
||||
align-items: center; |
||||
padding: 25rpx 40rpx; |
||||
border-radius: 10rpx; |
||||
color: #fff; |
||||
font-weight: 600; |
||||
font-size: 30rpx; |
||||
background-color: #ae3523; |
||||
} |
||||
|
||||
.v-about-item .num { |
||||
position: relative; |
||||
flex: auto; |
||||
font-size: 36rpx; |
||||
} |
||||
|
||||
.v-about-item .num::after { |
||||
content: ""; |
||||
position: absolute; |
||||
right: 30rpx; |
||||
top: 50%; |
||||
transform: translate(0, -50%); |
||||
width: 2rpx; |
||||
height: 95%; |
||||
background-color: #fff; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
Reference in new issue