yizhizan-h5/components/resume/chat-card.vue

<template>
	<view class="chat-card">
		<view class="tip">您的简历在招聘方会话框的展示效果</view>

		<view class="card-box">
			<resumeCard></resumeCard>
		</view>
	</view>
</template>

<script>
	import resumeCard from './resume-card.vue';

	export default {
		components: {
			resumeCard
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.chat-card {
		height: 100%;
		background-image: url('@/static/images/resume/card2.png');
		background-size: auto 90%;
		background-repeat: no-repeat;
		background-position: center 64rpx;

		.tip {
			font-size: 24rpx;
			line-height: 28rpx;
			color: rgba(153, 153, 153, 1);
			text-align: center;
			margin-bottom: 300rpx;
		}

		.card-box {
			margin: 0 20rpx;
		}
	}
</style>