zhengbasai/pages/index/first_email.vue

<template>
	<div class="first_email">
		<!-- <image src="@/static/images/gif/letter.png" style="width: 100%;height: auto" mode="widthFix"></image> -->
		<div class="text_email">
			<div class="title">
				{{detail.h5_base_user_diyifengxin_title}}
			</div>
			<div class="email_text">
				<div v-html="detail.h5_base_user_diyifengxin"></div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				detail: {

				}
			}
		},
		onLoad() {
			this.getDetail()
		},
		methods: {
			getDetail() {
				this.$u.post('/base/setting/configs', {
					keys: ['h5_base_user_diyifengxin', 'h5_base_user_diyifengxin_title']
				}).then(res => {
					console.log(res)
					this.detail = res.data
				})
			}
		}

	}
</script>

<style lang="scss" scoped>
	.first_email {
		background-image: url('../../static/images/gif/letter.png');
		height: 100vh;
		width: 100vw;
		background-position: center;
		background-size: 100% auto;
	}

	.text_email {
		line-height: 26px;
		font-size: 16px;
		position: fixed;
		width: 75vw;
		top: 20vh;
		left: 12.5vw;
		text-align: justify;

		.title {
			font-size: 18px;
			font-weight: 550;
			text-align: center;
			margin-bottom: 8px;
		}

		.email_text {
			height: 36vh;
			overflow-y: scroll;
		}

	}
</style>