lixiaobang
/
YingYeTing
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

代码提交

This commit is contained in:
luoshiwen 2023-02-10 17:06:29 +08:00
parent ffe10dcc18
commit 6ec23dbccb
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/view/index.vue
View File

@ -4,33 +4,45 @@
<div class="left-content"> <div class="left-content">
<!-- 营业临厅时长 --> <!-- 营业临厅时长 -->
<div class="business-hall"> <div class="business-hall">
<div class="title">
</div> </div>
</div>
<!-- 客流量 --> <!-- 客流量 -->
<div class="passenger-flow"> <div class="passenger-flow">
<div class="title">
</div> </div>
</div >
<!-- 厅内统计 --> <!-- 厅内统计 -->
<div class='hall-statistics'> <div class='hall-statistics'>
<div class="title">
</div> </div>
</div> </div>
</div>
<!-- 右边的内容 --> <!-- 右边的内容 -->
<div class="right-content"> <div class="right-content">
<!-- 缴费情况 --> <!-- 缴费情况 -->
<div class="payment"> <div class="payment">
<div class="title">
</div> </div>
</div>
<!-- 业务受理 --> <!-- 业务受理 -->
<div class="business-acceptance"> <div class="business-acceptance">
<div class="title">
</div> </div>
</div>
<!-- 服务情况 --> <!-- 服务情况 -->
<div class="service"> <div class="service">
<div class="title">
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -67,7 +79,15 @@ methods:{
background-image: url(../assets/images/border.png); background-image: url(../assets/images/border.png);
background-size: 100% 100%; background-size: 100% 100%;
margin-bottom: 5px; margin-bottom: 5px;
padding: 15px; padding: 10px;
}
/* 标题的样式 */
.left-content>div>.title,.right-content>div>.title{
width: 100%;
background-image: url(../assets/images/border-title.png);
height: 30px;
background-size: 100% 100%;
box-sizing: border-box;
} }
.left-content .business-hall{ .left-content .business-hall{
height: 38.2%; height: 38.2%;