<template>
<Navigation :title_name="'关于'"
	        :isReturn="0"
	        :color="'#000000'" 
	        :bgc="'#FFFFFF'"
			:isCenter="true" />
<view class="related-list">
	<view class="related-item" v-for="(item,index) in person.relatedList" :key="index">
		<view class="related-item-name">{{item.name}}</view>
		<view class="related-item-time">{{item.des}}</view>
	</view>
</view>
</template>

<script setup>
import { reactive } from "vue";
import Navigation from '@/components/navigation/index.vue'
let person=reactive({
	relatedList:[
		{name:'智喵慧查V1.01',des:'2023年08月12日'},
		{name:'更新内容:',des:'版本上线'}
	]
})
</script>

<style lang="scss" scoped>
page{
	background: #fff;
}
.related-list {
	width: 100%;
	padding: 10px 20px;
	box-sizing: border-box;
	.related-item {
		color: #454545;
		letter-spacing: 0.72px;
		padding: 10px 0;
		border-bottom: 1px solid #ECECEC;
		line-height: 20px;
		&:last-child{
			border-bottom: 0 !important;
		}
		.related-item-name{
			font-size: 16px;
			font-weight: 500;
		}
		.related-item-time{
			font-size: 14px;
			color: #999;
		}
	}
}
</style>