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.
85 lines
1.7 KiB
85 lines
1.7 KiB
<template>
|
|
<view class="float-button">
|
|
<!-- <button type="default" open-type="contact" class="kf-btn">
|
|
<img src="../../static/images/details/kefu.svg" style="width: 26px;height: 36px;" alt="kefu"
|
|
srcset="">
|
|
</button> -->
|
|
<button @click="call" class="kf-btn">
|
|
<uv-icon
|
|
name="server-fill"
|
|
size="60rpx"
|
|
color="#fff"
|
|
></uv-icon>
|
|
</button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
methods: {
|
|
call(){
|
|
uni.showModal({
|
|
title: `确定呼叫客服吗？`,
|
|
success : (r) => {
|
|
if(r.confirm){
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.configList.config_service_phone
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
// openCustomerService() {
|
|
// uni.openCustomerServiceChat({
|
|
// //企业微信的企业id
|
|
// corpId: 'wwccd9a21f09fed62d',
|
|
// extInfo: {
|
|
// //客服链接
|
|
// url: 'https://work.weixin.qq.com/kfid/kfc09f128696578f66d'
|
|
// },
|
|
// success: (e) => {
|
|
// console.log('e', e)
|
|
// },
|
|
// fail: (err) => {
|
|
// console.log('err', err)
|
|
// }
|
|
// })
|
|
// }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.float-button {
|
|
position: fixed;
|
|
bottom: 40vh;
|
|
/* 距离底部的距离 */
|
|
right: 20px;
|
|
/* 距离右侧的距离 */
|
|
width: 52px;
|
|
/* 按钮的宽度 */
|
|
height: 52px;
|
|
z-index: 9999;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
/* 按钮的高度 */
|
|
/* 其他样式 */
|
|
.kf-btn {
|
|
background-color: $uni-color;
|
|
box-shadow: 0 0 10rpx 10rpx rgba($uni-color, 0.3);
|
|
height: 52px;
|
|
width: 52px;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
</style>
|