60 lines
1.2 KiB
Vue
60 lines
1.2 KiB
Vue
<template>
|
||
<view class="phone-wrapper pd50">
|
||
<view class="phone-main bgF bdR20 t-center">
|
||
<view class="tips fs27 c333 lh46"> 为了您的账号安全，请联系客服进行账号注销处理。客服电话： </view>
|
||
<view class="phone-Number fb">{{ phoneNumber }} </view>
|
||
<view class="phone-button">
|
||
<view @tap="cancel">取消</view>
|
||
<view class="call-phone fb" @tap="callPhone">拨打电话</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
const props = defineProps({
|
||
phoneNumber: {
|
||
type: String,
|
||
default: '186 8866 6688'
|
||
}
|
||
})
|
||
const emits = defineEmits(['cancel'])
|
||
const callPhone = () => {
|
||
uni.makePhoneCall({
|
||
phoneNumber: props.phoneNumber
|
||
})
|
||
}
|
||
const cancel = () => {
|
||
emits('cancel')
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.phone-main {
|
||
.tips {
|
||
padding: 50rpx 50rpx 0 50rpx;
|
||
}
|
||
.phone-Number {
|
||
margin-top: 30rpx;
|
||
font-size: 36rpx;
|
||
color: #7737fe;
|
||
}
|
||
.phone-button {
|
||
display: flex;
|
||
margin-top: 50rpx;
|
||
border-top: 1rpx solid rgb(232, 230, 230);
|
||
view {
|
||
width: 50%;
|
||
height: 110rpx;
|
||
line-height: 110rpx;
|
||
color: #8c8c8c;
|
||
font-size: 33rpx;
|
||
}
|
||
.call-phone {
|
||
border-left: 1rpx solid rgb(232, 230, 230);
|
||
color: $primaryColor;
|
||
}
|
||
}
|
||
}
|
||
</style>
|