xwc/pages/integral/rules.vue

<template>
	<view>
		<hua-page-head :pageTitle="pageTitle"></hua-page-head>
		<view class="" v-if="content != ''">
			<view class="content" v-html="content">
				
			</view>
		</view>
		<view class="" v-else>
			<view class="noData">
				<view class="wrap">
					<image src="../../static/nodata/nodata.png" mode=""></image>
					<view class="tit">暂无内容</view>
				</view>
			
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content:"",
				pageTitle:"规则"
			}
		},
		methods: {
		}
	}
</script>

<style lang="scss">

	.content{
		margin: 20rpx 24rpx;
		border-radius: 20rpx;
		background-color: #fff;
	}
	.noData{
		position: relative;
		height: calc(100vh - var(--status-bar-height));
		.wrap{
			text-align: center;
			// position: absolute;
			// top: 50%;
			// left: 50%;
			// transform: translate(-50%,-50%);
			margin-top: 100rpx;
			image{
				width: 330rpx;
				height: 330rpx;
				margin: 20rpx auto;
			}
			.tit{
				color: #AAAAAA;
			}
		}
	}
</style>