Skip to content

C
civil-front
Commit 306bacd5 by 苏咏卓
Options

更新样式

parent 5c2c836a
Showing with 86 additions and 11 deletions
src/views/unified/tapSwitch/childWelfare.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="panel"> <div class="panels">
<div class="wian"> <div class="wian">
<div class="warningInfo" v-if="ChildStatsLek">暂无下级数据</div> <div class="warningInfo" v-if="ChildStatsLek">暂无下级数据</div>
<div class="titleHead">儿童福利机构汇总</div> <div class="titleHead">儿童福利机构汇总</div>
...@@ -915,6 +915,16 @@ export default { ...@@ -915,6 +915,16 @@ export default {
position: relative; position: relative;
margin-bottom: 0.833rem; margin-bottom: 0.833rem;
} }
.panels {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 516px;
}
.wians { .wians {
margin-left: -5rem; margin-left: -5rem;
margin-right: -1rem; margin-right: -1rem;
...@@ -1091,7 +1101,7 @@ export default { ...@@ -1091,7 +1101,7 @@ export default {
height: 60px; height: 60px;
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 20px auto 0 auto; margin: 60px auto 0 auto;
padding: 5px 0; padding: 5px 0;
} }
.gradientTitle { .gradientTitle {
......
src/views/unified/tapSwitch/population.vue
...@@ -214,7 +214,7 @@ ...@@ -214,7 +214,7 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<br /> <br />
<div class="panel"> <div class="panels">
<div class="wian"> <div class="wian">
<div class="warningInfo" v-if="f == true">暂无下级数据</div> <div class="warningInfo" v-if="f == true">暂无下级数据</div>
<div class="titleHead">殡葬火化统计</div> <div class="titleHead">殡葬火化统计</div>
...@@ -1313,7 +1313,7 @@ export default { ...@@ -1313,7 +1313,7 @@ export default {
height: 60px; height: 60px;
// background: linear-gradient(to right, #204c81, #09225b, #0e2c63); // background: linear-gradient(to right, #204c81, #09225b, #0e2c63);
border-radius: 8px; border-radius: 8px;
margin: 30px auto ; margin: 28px auto ;
padding: 5px 0; padding: 5px 0;
} }
.gradientBoxs { .gradientBoxs {
...@@ -1376,6 +1376,7 @@ export default { ...@@ -1376,6 +1376,7 @@ export default {
.proportion { .proportion {
width: 100%; width: 100%;
height: 380px; height: 380px;
margin-top: 30px;
} }
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
...@@ -1414,6 +1415,16 @@ export default { ...@@ -1414,6 +1415,16 @@ export default {
margin-bottom: 0.833rem; margin-bottom: 0.833rem;
} }
.panels {
box-sizing: border-box;
border: 2px solid red;
border-image: url('./../../../assets/images/img/border.png') 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 574px;
}
.wians { .wians {
width: 100%; width: 100%;
height: 580px; height: 580px;
......
src/views/unified/tapSwitch/provide.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="panel"> <div class="panels">
<div class="wian"> <div class="wian">
<div class="warningInfo" v-if="tionStats">暂无下级数据</div> <div class="warningInfo" v-if="tionStats">暂无下级数据</div>
<div class="titleHead">火化量汇总</div> <div class="titleHead">火化量汇总</div>
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="panel"> <div class="panelss">
<div class="wians"> <div class="wians">
<div class="wiansInfo"> <div class="wiansInfo">
...@@ -868,6 +868,24 @@ export default { ...@@ -868,6 +868,24 @@ export default {
position: relative; position: relative;
margin-bottom: 0.833rem; margin-bottom: 0.833rem;
} }
.panels {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 516px;
}
.panelss {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 1066px;
}
.wians { .wians {
margin-left: -5rem; margin-left: -5rem;
margin-right: -1rem; margin-right: -1rem;
......
src/views/unified/tapSwitch/socialOrganization.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="panel"> <div class="panels">
<div class="wian"> <div class="wian">
<div class="warningInfo" v-if="ganStats">暂无下级数据</div> <div class="warningInfo" v-if="ganStats">暂无下级数据</div>
<div class="titleHead">社会组织汇总</div> <div class="titleHead">社会组织汇总</div>
...@@ -197,7 +197,7 @@ ...@@ -197,7 +197,7 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="panel"> <div class="panelss">
<div class="wians"> <div class="wians">
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead ma20"> <div class="titleHead ma20">
...@@ -981,6 +981,24 @@ height: 30px; ...@@ -981,6 +981,24 @@ height: 30px;
position: relative; position: relative;
margin-bottom: 0.833rem; margin-bottom: 0.833rem;
} }
.panels {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 500px;
}
.panelss {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 1056px;
}
.wians { .wians {
margin-left: -5rem; margin-left: -5rem;
margin-right: -1rem; margin-right: -1rem;
......
src/views/unified/tapSwitch/subsidies.vue
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-row :gutter="18"> <el-row :gutter="18">
<el-col :span="24"> </el-col> <el-col :span="24"> </el-col>
<el-col :span="24"> <el-col :span="24">
<div class="panel"> <div class="panels">
<div class="wian"> <div class="wian">
<div class="warningInfo" v-if="IssueStats">暂无下级数据</div> <div class="warningInfo" v-if="IssueStats">暂无下级数据</div>
<div class="titleHead">三年贫困残疾资金发放</div> <div class="titleHead">三年贫困残疾资金发放</div>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
<!-- 右 --> <!-- 右 -->
<el-col :span="6"> <el-col :span="6">
<div class="panel"> <div class="panelss">
<div class="wians"> <div class="wians">
<div class="wiansInfo"> <div class="wiansInfo">
<div class="titleHead ma20"> <div class="titleHead ma20">
...@@ -830,7 +830,7 @@ export default { ...@@ -830,7 +830,7 @@ export default {
} }
.trend { .trend {
width: 100%; width: 100%;
height: 200px; height: 300px;
} }
.annualStatistics { .annualStatistics {
margin-top: 10px; margin-top: 10px;
...@@ -895,6 +895,24 @@ export default { ...@@ -895,6 +895,24 @@ export default {
position: relative; position: relative;
margin-bottom: 0.833rem; margin-bottom: 0.833rem;
} }
.panels {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 530px;
}
.panelss {
box-sizing: border-box;
border: 2px solid red;
border-image: url("./../../../assets/images/img/border.png") 51 38 21 132;
border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
position: relative;
margin-bottom: 0.833rem;
height: 1076px;
}
.wians { .wians {
margin-left: -5rem; margin-left: -5rem;
margin-right: -1rem; margin-right: -1rem;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment