|
|
|
@ -1,21 +1,23 @@ |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<el-timeline> |
|
|
|
|
<el-timeline-item v-for="(item, i) in listData" :key="i" :timestamp="item.updateTime" placement="top" color="#007EFF"> |
|
|
|
|
<el-card> |
|
|
|
|
<h6>{{ platformList.find(e => e.id === item.platformId).name + 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">{{ 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> |
|
|
|
|
</el-card> |
|
|
|
|
</el-timeline-item> |
|
|
|
|
</el-timeline> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<el-timeline> |
|
|
|
|
<el-timeline-item v-for="(item, i) in listData" :key="i" :timestamp="item.updateTime" placement="top" color="#007EFF"> |
|
|
|
|
<el-card> |
|
|
|
|
<h6>{{ platformList.find(e => e.id === item.platformId).name + 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> |
|
|
|
|
</el-card> |
|
|
|
|
</el-timeline-item> |
|
|
|
|
</el-timeline> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
@ -30,15 +32,18 @@ export default { |
|
|
|
|
funcList: [ |
|
|
|
|
{ |
|
|
|
|
id: 0, |
|
|
|
|
name: '新功能' |
|
|
|
|
name: '新功能', |
|
|
|
|
icon: 'func' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
name: '修复' |
|
|
|
|
name: '修复', |
|
|
|
|
icon: 'bug' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
name: '优化' |
|
|
|
|
name: '优化', |
|
|
|
|
icon: 'optimize' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
} |
|
|
|
@ -64,10 +69,14 @@ export default { |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
.wrap{ |
|
|
|
|
padding-top: 50px; |
|
|
|
|
padding: 50px 0 20px; |
|
|
|
|
background-color: #fff; |
|
|
|
|
.inner { |
|
|
|
|
width: 1000px; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
} |
|
|
|
|
/deep/.el-card__body { |
|
|
|
|
padding-left: 30px; |
|
|
|
|
padding-left: 40px; |
|
|
|
|
} |
|
|
|
|
h6 { |
|
|
|
|
margin-bottom: 15px; |
|
|
|
@ -82,9 +91,15 @@ export default { |
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
} |
|
|
|
|
.name { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin-bottom: 5px; |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: $main-color; |
|
|
|
|
img { |
|
|
|
|
margin-right: 5px; |
|
|
|
|
margin-left: -26px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.val { |
|
|
|
|
font-size: 15px; |
|
|
|
|