vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# 调整device base 样式

This commit is contained in:
xianfuxing 2020-05-25 15:27:31 +08:00
parent 5bad80e5cf
commit bd58b80bc4
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/counter/components/screen.vue
View File

@ -2,11 +2,8 @@
<div class="app-container"> <div class="app-container">
<div class="base-wrapper"> <div class="base-wrapper">
<div class="device-base"> <div class="device-base">
<ul> <p class="item"><span class="keyword">{{$t('counter.device')}}: </span><el-tag>{{deviceID}}</el-tag></p>
<li>设备: <span>{{deviceID}}</span></li> <p class="item"><span class="keyword">{{$t('counter.deviceName')}}: </span><el-tag>{{lastItem.device_name}}</el-tag></p>
<li class="region">地区: <span>尖沙咀</span></li>
<li>设备名称: <span>香港大学1号机</span></li>
</ul>
</div> </div>
</div> </div>
<div class="screen-wrapper"> <div class="screen-wrapper">
@ -93,18 +90,17 @@ export default {
overflow: auto; overflow: auto;
.device-base { .device-base {
display: flex; display: flex;
justify-content: center; flex-direction: column;
min-width: 600px; align-items: center;
ul { min-width: 600px;
padding: 0; .item {
li { width: 300px;
font-size: .85rem; margin: 0 0 5px 0;
list-style-type: none; }
display: inline-block; .keyword {
} display: inline-block;
.region { width: 90px;
margin: 0 5rem 0 5rem; font-size: 0.8em;
}
} }
} }
} }