<template>
	<view class='container'>
		<u-navbar autoBack placeholder bgColor="transparent"
			style="background: linear-gradient(91deg, #FDEDEE 0%, #FFFFFF 100%);">
			<view class="navSlot" slot="left">
				<u-icon name="arrow-left" size="19"></u-icon>
				<text class="title">关于我们</text>
			</view>
		</u-navbar>
		<view class="flex-column flex-center-center pad-40">
			<image class="wh-170 br-10 mb-40" :src="datainfo.filePath"></image>
			<!-- <text style="color: #999999;font-size: 24rpx;">
				{{datainfo.ruleContent}}
			</text> -->
			<rich-text :nodes="datainfo.ruleContent"></rich-text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				datainfo: {}
			};
		},
		onLoad(options) {
			this.getaboutus();
		},
		methods: {
			getaboutus() {
				const params = {
					url: '/app/system/rule/aboutus',
					data: {},
				}
				this.$request(params).then(res => {
					console.log(res.rows[0])
					this.datainfo = res.rows[0];
				})
			},
		}
	};
</script>

<style scoped>
	.flex-column {
		padding-top: 180rpx;
	}

	::v-deep .u-navbar {
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 11;
	}
</style>