湖里大屏(数字工地):完成建筑总览布局
This commit is contained in:
parent
80d1bedb7a
commit
5fd5ee9d3a
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 507 B |
Binary file not shown.
|
After Width: | Height: | Size: 636 B |
@ -2,7 +2,7 @@
|
|||||||
<Card :title="title">
|
<Card :title="title">
|
||||||
<div class="pane"></div>
|
<div class="pane"></div>
|
||||||
<div class="tabs">
|
<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>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</template>
|
</template>
|
||||||
@ -28,7 +28,10 @@ export default {
|
|||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.pane {
|
.pane {
|
||||||
|
margin: 0 20px;
|
||||||
height: 80%;
|
height: 80%;
|
||||||
|
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-all.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
.tabs {
|
.tabs {
|
||||||
height: 20%;
|
height: 20%;
|
||||||
@ -38,12 +41,15 @@ export default {
|
|||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
.tab {
|
.tab {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
width: 100px;
|
width: 114px;
|
||||||
height: 42px;
|
height: 38px;
|
||||||
line-height: 42px;
|
line-height: 38px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border: 1px solid pink;
|
background: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn.png') no-repeat;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
&.checked {
|
||||||
|
background-image: url('~@/views/projectAdmin/dataBoard/projectHuScreen/assets/images/digitalSite/bg-btn-checked.png');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user