|
|
@ -31,8 +31,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-timeline class="timeline"> |
|
|
|
<el-timeline class="timeline"> |
|
|
|
<el-timeline-item placement="top" v-for="(item, i) in listData" :key="i" :class="{draft: item.draft}"> |
|
|
|
<el-timeline-item placement="top" v-for="(item, i) in listData" :key="i" :class="['item' + i, {draft: item.draft}]"> |
|
|
|
<p class="sign" :id="'ver' + i">{{ item.draft ? '未发布' : item.updateTime }}</p> |
|
|
|
<p class="sign">{{ item.draft ? '未发布' : item.updateTime }}</p> |
|
|
|
<div class="ver"> |
|
|
|
<div class="ver"> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
{{ item.versionName + (item.draft ? '(草稿)' : '') }} |
|
|
|
{{ item.versionName + (item.draft ? '(草稿)' : '') }} |
|
|
@ -167,7 +167,10 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 版本切换 |
|
|
|
// 版本切换 |
|
|
|
verChange(i) { |
|
|
|
verChange(i) { |
|
|
|
document.querySelector(`#ver${i}`).scrollIntoView() |
|
|
|
window.scrollTo({ |
|
|
|
|
|
|
|
top: document.querySelector(`.item${i}`).offsetTop, |
|
|
|
|
|
|
|
behavior: 'smooth' |
|
|
|
|
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
@ -199,6 +202,7 @@ export default { |
|
|
|
padding-left: 40px; |
|
|
|
padding-left: 40px; |
|
|
|
} |
|
|
|
} |
|
|
|
.sign { |
|
|
|
.sign { |
|
|
|
|
|
|
|
position: relative; |
|
|
|
margin: -11px 0 0 -22%; |
|
|
|
margin: -11px 0 0 -22%; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #9076FF; |
|
|
|
color: #9076FF; |
|
|
@ -240,7 +244,7 @@ export default { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #9984f1; |
|
|
|
color: #9984f1; |
|
|
|
img { |
|
|
|
img { |
|
|
|
width: 30px; |
|
|
|
width: 20px; |
|
|
|
margin-right: 5px; |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|