<template>
  <view class="page__view">

		<navbar :title="title" leftClick @leftClick="$utils.navigateBack" color="#191919" bgColor="#FFFFFF" />

    <view class="main">
			<uv-parse :content="content"></uv-parse>
    </view>

  </view>
	
</template>

<script>
	import { mapState } from 'vuex'

	export default {
		computed: {
			...mapState(['configList']),
		},
		data() {
			return {
				title : '',
				content : '',
			}
		},
		onLoad(arg) {
			const { key, title } = arg

			this.title = title
			this.content = this.configList[key]
		},
	}
</script>

<style lang="scss" scoped>

	.page__view {
		width: 100vw;
		min-height: 100vh;
		background-color: $uni-bg-color;
		position: relative;
		
		/deep/ .nav-bar__view {
			position: fixed;
			top: 0;
			left: 0;
		}
	}

	.main {
		padding-top: calc(var(--status-bar-height) + 120rpx);
	}

</style>