chenxin007/zqyy-yl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加边框效果

Browse Source
This commit is contained in:
陈诗浩 2023-09-07 10:41:54 +08:00
parent 7829ca6afd
commit bb9e1f9cdc
5 changed files with 47 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/activity/home.vue
View File

@ -106,9 +106,12 @@
<InnerBox :echartObj="echartObj4" style="height: 33%" header_title="本年度活动类型年龄段统计" little_font="(人)"/> <InnerBox :echartObj="echartObj4" style="height: 33%" header_title="本年度活动类型年龄段统计" little_font="(人)"/>
</div> </div>
<div class="home_center" style="display: block"> <div class="home_center" style="display: block">
<div class="inner_box center-top" style="width: 99%;height:63%;margin-top: 0"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 99%;height: 63%">
<div class="inner_box center-top" style="width: 100%;height:100%;margin-top: 0">
</div> </div>
<div class="inner_box" style="width: 99%;height:35.8%"> </dv-border-box-8>
<dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 99%;height: 35.8%">
<div class="inner_box" style="width: 100%;height:100%">
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="center-left"> <div class="center-left">
</div> </div>
@ -118,6 +121,7 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
</div> </div>
<div class="home_right"> <div class="home_right">
<div class="right-top"></div> <div class="right-top"></div>

12
src/pages/comprehensive/home.vue
View File

@ -23,7 +23,8 @@
<InnerBox :echartObj="echartObj2" header_title="菜品订单量TOP10" little_font="(单)"/> <InnerBox :echartObj="echartObj2" header_title="菜品订单量TOP10" little_font="(单)"/>
</div> </div>
<div class="home_center" style="display: block"> <div class="home_center" style="display: block">
<div class="inner_box" style="width: 100%;height:32%"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 32%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-header"></div> <div class="inner-header"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="header-left"> <div class="header-left">
@ -36,7 +37,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="inner_box" style="width: 100%;height:32%"> </dv-border-box-8>
<dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 100%;height: 32%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-center"></div> <div class="inner-center"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="center-left"> <div class="center-left">
@ -49,7 +52,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="inner_box" style="width: 100%;height:32%"> </dv-border-box-8>
<dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 32%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-bottom"></div> <div class="inner-bottom"></div>
<div style="display: flex;justify-content: space-around;width: 100%;height: 100%"> <div style="display: flex;justify-content: space-around;width: 100%;height: 100%">
<div class="bottom-left"></div> <div class="bottom-left"></div>
@ -59,6 +64,7 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
</div> </div>
<div class="home_right"> <div class="home_right">
<div class="right-top"></div> <div class="right-top"></div>

14
src/pages/index/home.vue
View File

@ -257,7 +257,8 @@
</div> </div>
<div class="home_center"> <div class="home_center">
<!--数据概况--> <!--数据概况-->
<div class="inner_box"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 35%">
<div class="inner_box" style="width: 100%;height: 100%">
<div class="inner_header"> <div class="inner_header">
<div class="header_title"> <div class="header_title">
<div> <div>
@ -332,8 +333,10 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
<!--入住率--> <!--入住率-->
<div class="inner_box" style="height: 25%"> <dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 100%;height: 25%">
<div class="inner_box" style="width: 100%;height: 100%">
<div class="inner_header"> <div class="inner_header">
<div class="header_title"> <div class="header_title">
<div> <div>
@ -374,9 +377,11 @@
</a-progress> </a-progress>
</div> </div>
</div> </div>
</div> </div>、
</dv-border-box-8>
<!--设备情况--> <!--设备情况-->
<div class="inner_box" style="height: 39%"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 39%">
<div class="inner_box" style="height: 100%">
<div class="inner_header"> <div class="inner_header">
<div class="header_title"> <div class="header_title">
<div> <div>
@ -455,6 +460,7 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
</div> </div>
<div class="home_right"> <div class="home_right">
<!-- 各机构床位TOP5--> <!-- 各机构床位TOP5-->

16
src/pages/live/home.vue
View File

@ -99,23 +99,30 @@
</div> </div>
</div> </div>
<div class="home_center" style="display: block"> <div class="home_center" style="display: block">
<div class="inner_box" style="width: 100%;height:21%"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 21%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-header"></div> <div class="inner-header"></div>
<div class="header-bg1"></div> <div class="header-bg1"></div>
<div class="header-bg2"></div> <div class="header-bg2"></div>
<div class="header-bg3"></div> <div class="header-bg3"></div>
</div> </div>
<div class="inner_box" style="width: 100%;height:30%"> </dv-border-box-8>
<dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 100%;height: 30%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-second"></div> <div class="inner-second"></div>
<div class="second-bg1"></div> <div class="second-bg1"></div>
<div class="second-bg2"></div> <div class="second-bg2"></div>
<div class="second-bg3"></div> <div class="second-bg3"></div>
</div> </div>
<div class="inner_box" style="width: 100%;height:21%"> </dv-border-box-8>
<dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 21%">
<div class="inner_box" style="width: 100%;height:100%">
<div class="inner-third"></div> <div class="inner-third"></div>
<div class="third-bg"></div> <div class="third-bg"></div>
</div> </div>
<div class="inner_box" style="width: 100%;height:25%;display: flex;justify-content: space-between"> </dv-border-box-8>
<dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 100%;height: 25%">
<div class="inner_box" style="width: 100%;height:100%;display: flex;justify-content: space-between">
<div class="center-bottom"> <div class="center-bottom">
<div class="center-bottom-title btm-til1"></div> <div class="center-bottom-title btm-til1"></div>
<div class="chart_box"> <div class="chart_box">
@ -136,6 +143,7 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
</div> </div>
<div class="home_right"> <div class="home_right">
<InnerBox :echartObj="echartObj8" style="width: 99%;" header_title="进15天床位趋势" little_font="（张）" /> <InnerBox :echartObj="echartObj8" style="width: 99%;" header_title="进15天床位趋势" little_font="（张）" />

12
src/pages/marketing/home.vue
View File

@ -118,6 +118,7 @@
</div> </div>
<div class="home_center"> <div class="home_center">
<!--数据概况--> <!--数据概况-->
<dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 25%">
<div class="inner_box"> <div class="inner_box">
<div class="inner_header"> <div class="inner_header">
<div class="header_title"> <div class="header_title">
@ -208,6 +209,9 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
<dv-border-box-8 :color="['#00D0FF', '#48E5E5']" style="width: 100%;height: 25%">
<!--营销活动销售额排名TOP5--> <!--营销活动销售额排名TOP5-->
<div class="inner_box"> <div class="inner_box">
<div class="inner_header"> <div class="inner_header">
@ -240,8 +244,11 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
<!--会员概况--> <!--会员概况-->
<div class="inner_box" style="height: 48%"> <dv-border-box-8 :color="['#053D7E', '#1E6FEA']" style="width: 100%;height: 48%">
<div class="inner_box" >
<div class="inner_header"> <div class="inner_header">
<div class="header_title"> <div class="header_title">
<div> <div>
@ -292,6 +299,7 @@
</div> </div>
</div> </div>
</div> </div>
</dv-border-box-8>
</div> </div>
<div class="home_right" > <div class="home_right" >
<div class="inner_box"> <div class="inner_box">
@ -1170,7 +1178,7 @@ export default {
width: 50%; width: 50%;
.inner_box{ .inner_box{
width: 100%; width: 100%;
height: 25%; height: 100%;
} }
} }
.home_right { .home_right {