<!--
 * @Date: 2023-11-17 17:44:17
 * @LastEditTime: 2023-11-30 13:48:41
 * @Description: content
-->
<template>
	<view class="content">
		<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
			<uni-icons type="left" color="#000000"></uni-icons>
			<!-- <view class="">权益说明</view> -->
		</view>
		<view class="column center header">
		
		</view>
		<view class="rule-list">
			<view class="rule-item common_bg" v-for="(item, i) in listData" :key="i">
				<view class="rule-title hang1 relative">{{ item.title }}</view>
				<scroll-view class="rule-content" scroll-y>
					<view v-html="item.content"></view>
				</scroll-view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				listData: []
			}
		},

		onLoad(options) {
			this.listData = uni.getStorageSync('_qy_rule')
		}
	}
</script>

<style lang="scss">
	.navLeft {
		position: fixed;
		left: 30rpx;
		z-index: 100;
		height: 44px;

		>view {
			font-weight: 400;
			font-size: 50rpx;
			color: #FFFFFF;
		}
	}

	.header {
		width: 750rpx;
		height: 380rpx;
		background: url($imgurl+'my/qysm.png');
		background-size: cover;
		background-position: center;

		>text:nth-child(1) {
			font-weight: 400;
			font-size: 72rpx;
			color: #FFFFFF;
		}

		>text:nth-child(2) {
			font-weight: 400;
			font-size: 24rpx;
			color: #FFFFFF;
		}
	}

	.content {
		min-height: 100vh;
		background: #FFFFFF;

		.rule-list {
			padding: 0 30rpx 30rpx;

			.rule-item {
				height: 460rpx;
				margin-top: 30rpx;
				background: #FCF8DB;
				border-radius: 20rpx;

				.rule-title {
					padding: 50rpx 40rpx 30rpx;
					// text-align: center;
					font-weight: 500;
					font-size: 28rpx;
					color: #EE871F;

					
				}

				.rule-content {
					// background: #f00;
					height: 300rpx;
					padding: 0 40rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #333333;
					line-height: 48rpx;
					box-sizing: border-box;
				}
			}
		}

		.common_bg {}
	}

	.common_bg {}
</style>