style: vue3 index

pull/2/head
xingyu 2022-07-22 14:27:23 +08:00
parent 09526966ba
commit 4f0b3cef71
2 changed files with 24 additions and 10 deletions

View File

@ -90,16 +90,28 @@ let notice = reactive<Notice[]>([])
const getNotice = async () => { const getNotice = async () => {
const data = [ const data = [
{ {
keys: ['workplace.push', 'Github'], title: '系统升级版本',
time: new Date() type: '通知',
keys: ['通知', '升级'],
date: new Date()
}, },
{ {
keys: ['workplace.push', 'Github'], title: '系统凌晨维护',
time: new Date() type: '公告',
keys: ['公告', '维护'],
date: new Date()
}, },
{ {
keys: ['workplace.push', 'Github'], title: '系统升级版本',
time: new Date() type: '通知',
keys: ['通知', '升级'],
date: new Date()
},
{
title: '系统凌晨维护',
type: '公告',
keys: ['公告', '维护'],
date: new Date()
} }
] ]
notice = Object.assign(notice, data) notice = Object.assign(notice, data)
@ -413,7 +425,7 @@ getAllApi()
</template> </template>
<el-skeleton :loading="loading" animated> <el-skeleton :loading="loading" animated>
<el-row> <el-row>
<el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="12" class="mb-20px"> <el-col v-for="item in shortcut" :key="`team-${item.name}`" :span="8" class="mb-20px">
<div class="flex items-center"> <div class="flex items-center">
<Icon :icon="item.icon" class="mr-10px" /> <Icon :icon="item.icon" class="mr-10px" />
<el-link type="default" :underline="false" :href="item.url"> <el-link type="default" :underline="false" :href="item.url">
@ -438,11 +450,11 @@ getAllApi()
<div> <div>
<div class="text-14px"> <div class="text-14px">
<Highlight :keys="item.keys.map((v) => t(v))"> <Highlight :keys="item.keys.map((v) => t(v))">
{{ username }} {{ t('workplace.pushCode') }} {{ item.type }} : {{ item.title }}
</Highlight> </Highlight>
</div> </div>
<div class="mt-15px text-12px text-gray-400"> <div class="mt-15px text-12px text-gray-400">
{{ formatTime(item.time, 'yyyy-MM-dd') }} {{ formatTime(item.date, 'yyyy-MM-dd') }}
</div> </div>
</div> </div>
</div> </div>

View File

@ -13,8 +13,10 @@ export type Project = {
} }
export type Notice = { export type Notice = {
title: string
type: string
keys: string[] keys: string[]
time: Date | number | string date: Date | number | string
} }
export type Shortcut = { export type Shortcut = {