53 lines
1.1 KiB
Vue
53 lines
1.1 KiB
Vue
<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> |