From 36cf18823077f16c4e20bd941b40f56ef4aaa89c Mon Sep 17 00:00:00 2001 From: zhangxiaoxu123456 <zxx19900626> Date: 星期三, 13 四月 2022 11:42:23 +0800 Subject: [PATCH] 细节样式 --- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue | 2 +- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/gongshangBaoxian.vue | 7 +++++-- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/juminYanglaoBaoxian.vue | 2 +- src/pages/components/qiyezhigongShebao/zhigongShebao.vue | 4 +++- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shiyeBaoxian.vue | 2 +- src/pages/components/juminYanglaoBaoxian/baoxianForm.vue | 14 +++++++++++--- src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/qiyezhigongShebao.vue | 2 +- 7 files changed, 23 insertions(+), 10 deletions(-) diff --git a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue index 6f43268..cafbef3 100644 --- a/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue +++ b/src/pages/components/juminYanglaoBaoxian/baoxianForm.vue @@ -1,5 +1,5 @@ <template> - <div class="baoxianForm-wrap"> + <div class="baoxianForm-wrap" :style="{paddingTop : paddingTop + 'rem'}"> <el-table border style="width: 100%" @@ -82,6 +82,14 @@ <script> export default { name: "baoxianForm", + props: { + paddingTop: { + type: Number, + default: 0.078125 + } + }, + computed: { + }, data() { return { tableData:[{ @@ -103,8 +111,8 @@ @import "../../../assets/css/base"; .baoxianForm-wrap{ width: 100%; - height: calc(100% - 0.234375rem /* 60/256 */); - padding-top: 0.234375rem /* 60/256 */; + height: 100%; + box-sizing: border-box; .el-table th.el-table__cell{ background-color:$color-blue; } diff --git a/src/pages/components/qiyezhigongShebao/zhigongShebao.vue b/src/pages/components/qiyezhigongShebao/zhigongShebao.vue index ddc80a1..18312e0 100644 --- a/src/pages/components/qiyezhigongShebao/zhigongShebao.vue +++ b/src/pages/components/qiyezhigongShebao/zhigongShebao.vue @@ -96,7 +96,9 @@ @import "../../../assets/css/base"; .zhigongShebao-wrap{ width: 100%; - padding-top: 0.078125rem /* 20/256 */; + height: 100%; + box-sizing: border-box; + padding-top: 0.234375rem /* 60/256 */; .el-table th.el-table__cell{ background-color:$color-blue; } diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/gongshangBaoxian.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/gongshangBaoxian.vue index a41d305..594dc22 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/gongshangBaoxian.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/gongshangBaoxian.vue @@ -1,7 +1,7 @@ <template> <div class="juminYanglaoBaoxian-wrap"> <div class="danwei-box">鍗曚綅锛氫汉</div> - <baoxianForm></baoxianForm> + <baoxianForm :paddingTop="0.234375"></baoxianForm> </div> </template> @@ -24,7 +24,7 @@ @import "../../../../assets/css/base"; .juminYanglaoBaoxian-wrap{ width: 100%; - height: 100%; + height: calc(100% - 0.078125rem /* 20/256 */); position: relative; .danwei-box{ position: absolute; @@ -32,5 +32,8 @@ top: 0; color: $color-white; } + .baoxianForm{ + padding-top: 0.078125rem /* 20/256 */; + } } </style> diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/juminYanglaoBaoxian.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/juminYanglaoBaoxian.vue index 6a852a7..a41d8eb 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/juminYanglaoBaoxian.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/juminYanglaoBaoxian.vue @@ -1,7 +1,7 @@ <template> <div class="juminYanglaoBaoxian-wrap"> <div class="danwei-box">鍗曚綅锛氫汉</div> - <baoxianForm></baoxianForm> + <baoxianForm :paddingTop="0.234375"></baoxianForm> </div> </template> diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/qiyezhigongShebao.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/qiyezhigongShebao.vue index 04ae330..b0cacef 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/qiyezhigongShebao.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/qiyezhigongShebao.vue @@ -1,7 +1,7 @@ <template> <div class="qiyezhigongShebao-wrap"> <div class="danwei-box">鍗曚綅锛氫汉</div> - <zhigongShebao></zhigongShebao> + <zhigongShebao></zhigongShebao> </div> </template> diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue index cf20b24..a5c8815 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoChikaRenshu.vue @@ -14,7 +14,7 @@ <el-tab-pane label="宸ヤ激淇濋櫓" name="fourth"> <baoxianForm></baoxianForm> </el-tab-pane> - <el-tab-pane label="澶变笟淇濋櫓" name="five "> + <el-tab-pane label="澶变笟淇濋櫓" name="five"> <baoxianForm></baoxianForm> </el-tab-pane> </el-tabs> diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shiyeBaoxian.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shiyeBaoxian.vue index e244009..283c431 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shiyeBaoxian.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shiyeBaoxian.vue @@ -1,7 +1,7 @@ <template> <div class="shiyeBaoxian-wrap"> <div class="danwei-box">鍗曚綅锛氫汉</div> - <baoxianForm></baoxianForm> + <baoxianForm :paddingTop="0.234375"></baoxianForm> </div> </template> -- Gitblit v1.9.1