flying-monkey/pagesB/electronic-certificate/electronic-certificate.vue

<template>
	<view>
		<status-nav navBarTitle="电子证件" returnColor="#c2c2c2"></status-nav>
		<container-subgroup>
			<view slot="content">
				<view class="mar-s20 mar-zy10" style="box-shadow: 0rpx 0rpx 20rpx rgba(0,0,0,.3);">
					<view class="bacf" style="padding: 4rpx;border-radius: 30rpx;">
						<view class="electronic-head disjcac fc">
							<image :src="userImg" mode="widthFix" lazy-load style="width: 347rpx;height: 85rpx;"></image>
							<view class="colf fon52 mar-sx30" style="letter-spacing: 6rpx;">ID：{{userId}}</view>
							<image class="mar-s20" src="/static/deleteImg/flying-img06.png" mode="aspectFill" style="width: 258rpx;height: 258rpx;border-radius: 100%;margin-bottom: -130rpx;border: 6rpx solid #edf1ff;background-color: #edf1ff;"></image>
						</view>
						<view class="pad-s140 mar-s30 disjcac fc">
							<view class="col3 fon68">{{userName}}</view>
							<view class="fon32 col6 mar-sx30">{{userContent}}</view>
							<view class="fon22 col3 tcenter line-h36" style="margin: 60rpx 0 60rpx 0;">
								<view>+86 {{userPhone}}</view>
								<view>{{userEmail}}</view>
								<view>{{website}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</container-subgroup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userImg:'/static/public/icon-electronic-logo.png',
				userId:'CW-0000',
				userName:'姓名',
				userContent:'市场部门  |   技术支持',
				userPhone:'123 4567 8910',
				userEmail:'12345678910qwer@890.com',
				website:'WWW.12345678910.com'
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>