You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

89 lines
2.1 KiB

<template>
<view class="wrapper">
<view class="header text-center">
<fui-icon name="arrowleft" color="#fff" :size="50" @tap="goBack"></fui-icon>
<text>服务支持</text>
</view>
<view class="body">
<view class="bg">
<image src="/static/images/support.png" mode="widthFix"></image>
</view>
<fui-list>
<fui-list-cell :marginTop="10" @tap="callPhone('18163608038')">
<view>
<text class="mr-8">业务服务热线</text>
<text class="primary bold">18163608038周巍警官</text>
</view>
<fui-icon name="telephone" :size="50" color="#4E5FC8" style="vertical-align: top;"></fui-icon>
</fui-list-cell>
<fui-list-cell :marginTop="20" @tap="callPhone('18867391894')">
<view>
<text class="mr-8">技术服务热线</text>
<text class="primary bold">18867391894 杨姣</text>
</view>
<fui-icon name="telephone" :size="50" color="#4E5FC8" style="vertical-align: top;"></fui-icon>
</fui-list-cell>
<fui-list-cell @tap="callPhone('13787166867')">
<view>
<text style="margin-left: 104px;" class="primary bold">13787166867 (李经理)</text>
</view>
<fui-icon name="telephone" :size="50" color="#4E5FC8" style="vertical-align: top;"></fui-icon>
</fui-list-cell>
</fui-list>
</view>
</view>
</template>
<script setup>
function goBack() {
uni.switchTab({
url: '/pages/my/my'
});
}
function callPhone(phoneNumber) {
try {
uni.makePhoneCall({
phoneNumber: phoneNumber // 电话号码
});
} catch(e) {
uni.showToast({
title: 'error:' + e,
icon: 'none',
duration: 300000
})
}
}
</script>
<style lang="scss" scoped>
.wrapper {
.header {
padding-top: 40px;
background-color: var(--primary-color);
color: #fff;
height: 46px;
line-height: 46px;
position: relative;
.fui-icon {
position: absolute;
left: 10px;
}
}
.body {
.bg {
image {
width: 100%;
}
}
.fui-list__cell {
border-bottom: 1px solid #E5E5E5;
}
}
.footer {
background-color: #fff;
padding: 9px 12px;
}
}
</style>