dev_2022-04-07
parent
1bf8cf79d5
commit
35075caac7
13 changed files with 216 additions and 31 deletions
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,154 @@ |
||||
<template> |
||||
<div class="wrap index"> |
||||
<div class="top"> |
||||
<img width="450" src="@/assets/img/update.png" alt=""> |
||||
<p>给用户带来更好的服务与体验是我们不断优化和迭代产品的动力。</p> |
||||
</div> |
||||
<div class="timeline"> |
||||
<div class="item" v-for="(item, i) in listData" :key="i"> |
||||
<span class="date">{{ item.updateTime }}</span> |
||||
<div class="right"> |
||||
<h6>{{ item.versionName }}</h6> |
||||
<img v-if="item.coverUrl" :src="item.coverUrl" alt="" class="cover"> |
||||
<ul class="detail"> |
||||
<li v-for="(item, i) in item.logContents" :key="i"> |
||||
<p class="name"><img :src="require('@/assets/img/' + funcList.find(e => e.id === item.type).icon + '.png')" alt=""> {{ funcList.find(e => e.id === item.type).name }}</p> |
||||
<div class="val"> |
||||
<p class="" v-for="(item, i) in item.content" :key="i">{{ item }}</p> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Setting from '@/setting' |
||||
export default { |
||||
name: 'log', |
||||
data() { |
||||
return { |
||||
platformList: Setting.platformList, |
||||
listData: [], |
||||
funcList: [ |
||||
{ |
||||
id: 0, |
||||
name: '新功能', |
||||
icon: 'func' |
||||
}, |
||||
{ |
||||
id: 1, |
||||
name: '修复', |
||||
icon: 'bug' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '优化', |
||||
icon: 'optimize' |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getData() |
||||
}, |
||||
methods: { |
||||
getData() { |
||||
this.$get(`${this.api.platformLogList}?platformId=${Setting.platformId}&port=1&versionName=`).then(res => { |
||||
const { logList } = res |
||||
logList.map((e, i) => { |
||||
e.logContents.map(n => { |
||||
n.content = n.content.split('\n') |
||||
}) |
||||
}) |
||||
this.listData = logList |
||||
}).catch(res => {}) |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap { |
||||
padding: 50px 0 20px !important; |
||||
background-color: #000 !important; |
||||
.top { |
||||
margin-bottom: 100px; |
||||
text-align: center; |
||||
img { |
||||
margin: 30px 0; |
||||
} |
||||
p { |
||||
color: #e9e9e9; |
||||
} |
||||
} |
||||
.timeline { |
||||
display: flex; |
||||
flex-direction: column; |
||||
width: 1000px; |
||||
margin: 0 auto; |
||||
} |
||||
.item { |
||||
display: flex; |
||||
justify-content: center; |
||||
margin-bottom: 30px; |
||||
} |
||||
.date { |
||||
width: 300px; |
||||
margin-right: 100px; |
||||
text-align: right; |
||||
color: #cbcbcb; |
||||
font-size: 14px; |
||||
} |
||||
.right { |
||||
flex: 1; |
||||
color: #fff; |
||||
} |
||||
h6 { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
line-height: 1; |
||||
} |
||||
.cover { |
||||
max-width: 400px; |
||||
margin: 10px 0 20px; |
||||
} |
||||
.detail { |
||||
li { |
||||
margin-bottom: 20px; |
||||
} |
||||
.name { |
||||
display: flex; |
||||
align-items: center; |
||||
margin-bottom: 5px; |
||||
font-size: 14px; |
||||
color: #fff; |
||||
img { |
||||
width: 20px; |
||||
margin-right: 8px; |
||||
} |
||||
} |
||||
.val { |
||||
font-size: 15px; |
||||
line-height: 1.8; |
||||
white-space: pre-wrap; |
||||
p { |
||||
position: relative; |
||||
color: #a3a3a3; |
||||
&:before { |
||||
content: ''; |
||||
display: inline-block; |
||||
width: 5px; |
||||
height: 5px; |
||||
margin: 0 15px 0 8px; |
||||
vertical-align: middle; |
||||
border-radius: 20px; |
||||
background-color: $main-color; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,23 @@ |
||||
import BasicLayout from '@/layouts/home'; |
||||
|
||||
const meta = {}; |
||||
|
||||
const pre = 'log-'; |
||||
|
||||
export default { |
||||
path: '/log', |
||||
name: 'log', |
||||
redirect: { |
||||
name: `${pre}list` |
||||
}, |
||||
meta, |
||||
component: BasicLayout, |
||||
children: [ |
||||
{ |
||||
name: `${pre}list`, |
||||
path: `list`, |
||||
component: () => import('@/pages/log/list'), |
||||
meta: { title: '有什么新功能' } |
||||
}, |
||||
] |
||||
}; |
||||
Loading…
Reference in new issue