<template>
	<view class="content">
		<image src="../../static/shouye/index_logo.png" mode="scaleToFill" class="index-logo"></image>
		<view class="title">
			{{$t('homepledge.PKR介绍')}}
		</view>
		<view class="description">
			<rich-text :nodes="$t('homepledge.description')"></rich-text>
		</view>
		<taber tab='information'></taber>
	</view>
</template>

<script>
	import taber from "@/components/footer/footer.vue";
	export default {
		components: {
			taber
		},
		data() {
			return {};
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title: this.$t('homepledge.PKR介绍'),
			});
		}
	};
</script>

<style lang="scss">
	.content {
		width: 750rpx;
		background-color: $page-color-base;
		padding-top: var(--status-bar-height);
		padding-bottom: 30rpx;
	}

	.title {
		color: $base-color;
		text-align: center;
		font-size: 58rpx;
	
	}
	.index-logo {
		width: 297rpx;
		height: 270rpx;
		margin: 0 226rpx;
	}
	.description {
		color: #FFFFFF;
		font-size: $font-base;
		padding: 30rpx;
		line-height: 2rem;
	
	}
</style>