estel/gva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整不同屏幕下的兼容性

Browse Source
This commit is contained in:
蒋吉兆
2021-09-21 21:02:40 +08:00
parent 46442f4a65
commit 2f402fe26d
3 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/view/dashboard/dashbordTable/dashbordTable.vue
View File

@@ -5,7 +5,7 @@
</div>
<div class="log">
<div v-for="(item,key) in dataTimeline" :key="key" class="log-item">
<div class="flex-1 flex"><span class="key" :class="key<3&&'top'">{{ key+1 }}</span></div>
<div class="flex-1 flex key-box"><span class="key" :class="key<3&&'top'">{{ key+1 }}</span></div>
<div class="flex-5 flex message">{{ item.message }}</div>
<div class="flex-3 flex form">{{ item.from }}</div>
</div>
@@ -58,8 +58,10 @@ export default {
display: flex;
justify-content: space-between;
margin-top: 14px;
.key-box{
justify-content: center;
}
.key{
margin-left: 12px;
&.top{
background: #314659;
color: #FFFFFF;;