mrr.sj.front/pages/ruzhu/successruzhu.vue

<template>
	<view class="pages">
		<custom-navbar :title="infoData.notice" :showBack="true"></custom-navbar>
		<view class="title-icon">{{infoData.top}}</view>
		<view class="title-content">{{infoData.title}}</view>
		<view class="erweimabox">
			<view class="erweimab">
				<image :src="infoData.photo" mode="widthFix"
					style="width: 404rpx;border-radius:25rpx ;margin: 37rpx 0 0 36rpx;"></image>
			</view>
			<view class="kefubtn">扫码联系专属客服</view>
		</view>
	</view>
</template>

<script>
import request from '../../utils/request';

export default {
	props: {
		data: {
			type: Object,
			default: () => ({})
		}
	},
	data() {
		return {
			infoData: {}
		}
	},
	mounted() {
		this.getCustomerService();
	},
	methods: {
		async getCustomerService() {
			try {
				const res = await request.post('/sj/userSjAuth/getCustomerService');
				console.log('客服接口返回：', JSON.stringify(res));
				if (res && (res.state == 1 || res.code == 200)) {
					this.infoData = res.data || {};
				}
			} catch (e) {
				console.error('获取客服信息失败：', e);
			}
		}
	}
}
</script>

<style>
.kefubtn {
	height: 42rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 30rpx;
	color: #5A5A5A;
	line-height: 42rpx;
	text-align: center;
	font-style: normal;
	margin-top: 23rpx;
}

.pages {
	background-image: url('https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/467f6b5f-32dc-4ba3-847a-22be4569c45e.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.erweimab {
	margin: 70rpx 0 0 103rpx;
	width: 477rpx;
	height: 477rpx;
	background-image: url('https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/e5461570-10e3-4e11-a6ca-8543f106639a.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.erweimabox {
	margin: 71rpx 0 0 6rpx;
	width: 690rpx;
	height: 690rpx;
	background: #FFFFFF;
	border-radius: 62rpx;
	border: 1rpx solid #F2F4F6;
}

.title-icon {
	/* margin-left: 283rpx; */
	height: 67rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 48rpx;
	color: #333333;
	line-height: 67rpx;
	text-align: center;
	font-style: normal;
}

.title-content {
	margin: 14rpx 0 0 0rpx;
	height: 42rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 30rpx;
	color: #666666;
	line-height: 42rpx;
	text-align: center;
	font-style: normal;
}
</style>