源文件

jeepay-ui-uapp-agent/components/newComponents/callPhone/callPhone.vue

@@ -0,0 +1,59 @@
+<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>