admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

湖里大屏(数字工地)：完成建筑总览布局

Browse Source
This commit is contained in:
Jack 2022-08-08 10:31:04 +08:00
parent 80d1bedb7a
commit 5fd5ee9d3a
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-all.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn-checked.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 507 B

BIN
src/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 B

16
src/views/projectAdmin/dataBoard/projectHuScreen/digitalSite/centerTop.vue
View File

@ -2,7 +2,7 @@
<Card :title="title">
<div class="pane"></div>
<div class="tabs">
<div class="tab" v-for="tab in tabs" :key="tab">{{ tab }}</div>
<div class="tab" :class="{ checked: tab === '全部' }" v-for="tab in tabs" :key="tab">{{ tab }}</div>
</div>
</Card>
</template>
@ -28,7 +28,10 @@ export default {
<style lang="less" scoped>
.pane {
margin: 0 20px;
height: 80%;
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-all.png') no-repeat;
background-size: 100%;
}
.tabs {
height: 20%;
@ -38,12 +41,15 @@ export default {
align-items: flex-end;
.tab {
margin-bottom: 20px;
width: 100px;
height: 42px;
line-height: 42px;
width: 114px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid pink;
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn.png') no-repeat;
cursor: pointer;
&.checked {
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn-checked.png');
}
}
}
</style>