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/shebaoShouzhiZongbiao.vue | 222 +++++++++++++++++++++++++++--------------------------- 1 files changed, 111 insertions(+), 111 deletions(-) diff --git a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue index 97b089f..3871d77 100644 --- a/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue +++ b/src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shebaoShouzhiZongbiao.vue @@ -12,27 +12,27 @@ fixed> </el-table-column> <el-table-column label="1鏈�" align="center"> - <el-table-column - align="center" - prop="totalMoney" - label="鎬绘敹鍏�"> - </el-table-column> - <el-table-column - align="center" - prop="zhengjishouru" - label="寰侀泦鏀跺叆"> - </el-table-column> - <el-table-column - align="center" - prop="benyuezhichu" - label="鏈湀鏀嚭"> - </el-table-column> - <el-table-column - align="center" - prop="item.benyuejieyu" - label="鏈湀缁撲綑"> - </el-table-column> - </el-table-column> + <el-table-column + align="center" + prop="totalMoney" + label="鎬绘敹鍏�"> + </el-table-column> + <el-table-column + align="center" + prop="zhengjishouru" + label="寰侀泦鏀跺叆"> + </el-table-column> + <el-table-column + align="center" + prop="benyuezhichu" + label="鏈湀鏀嚭"> + </el-table-column> + <el-table-column + align="center" + prop="item.benyuejieyu" + label="鏈湀缁撲綑"> + </el-table-column> + </el-table-column> <el-table-column label="2鏈�" align="center"> <el-table-column align="center" @@ -286,106 +286,106 @@ </template> <script> - export default { - name: "shebaoShouzhiZongbiao", - data() { - return { - tableHead:[], - tableData:[ - { - name: '椤圭洰1', - mouth: '1鏈�', - totalMoney: '2222', - zhengjishouru: '12333', - benyuezhichu:'52667', - benyuejieyu:'2332' - }, - { - name: '椤圭洰2', - mouth: '1鏈�', - totalMoney: '2222', - zhengjishouru: '12333', - benyuezhichu:'52667', - benyuejieyu:'2332' - } - ] - } +export default { + name: "shebaoShouzhiZongbiao", + data() { + return { + tableHead:[], + tableData:[ + { + name: '椤圭洰1', + mouth: '1鏈�', + totalMoney: '2222', + zhengjishouru: '12333', + benyuezhichu:'52667', + benyuejieyu:'2332' }, - mounted() { - + { + name: '椤圭洰2', + mouth: '1鏈�', + totalMoney: '2222', + zhengjishouru: '12333', + benyuezhichu:'52667', + benyuejieyu:'2332' } + ] } + }, + mounted() { + + } +} </script> <style lang="scss"> - @import "../../../../assets/css/base"; - .shebaoShouzhiZongbiao-table{ - width: 100%; - height: calc(100% - 0.078125rem /* 20/256 */); - margin-top: 0.078125rem /* 20/256 */; - /*.el-table .cell, el-table th > .cell{*/ - /* display: inline-block;*/ - /* white-space: nowrap;*/ - /* width: auto;*/ - /* overflow: auto;*/ - /*}*/ - .el-table th.el-table__cell{ - background-color:$color-blue; - height: 0.3125rem /* 80/256 */; - } - .el-table tr{ - height: 0.3125rem /* 80/256 */; - } - .el-table tr:nth-child(odd){ - background-color: #CEF2FF; - } - .el-table tr:nth-child(even){ - background-color: #A8E9FF; - } - .el-table, .el-table__expanded-cell{ - background-color: transparent; - } - .el-table thead{ - color: $color-darkGrey; - } - .el-table{ - color: $color-darkGrey; - } - .el-table .cell{ - font-size: $fontSize-28; - color: $color-darkGrey; - font-weight: 300; - line-height: 1; - white-space:pre-line; - } - .el-table--border th.el-table__cell, .el-table__fixed-right-patch{ - border-bottom:1Px solid $color-grey; /*no*/ - } - .el-table thead.is-group th.el-table__cell{ - background-color: $color-blue; - } - .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{ - border-bottom:1Px solid $color-grey; /*no*/ - } - .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{ - border-right:1Px solid $color-grey; /*no*/ - } +@import "../../../../assets/css/base"; +.shebaoShouzhiZongbiao-table{ + width: 100%; + height: calc(100% - 0.078125rem /* 20/256 */); + margin-top: 0.078125rem /* 20/256 */; + /*.el-table .cell, el-table th > .cell{*/ + /* display: inline-block;*/ + /* white-space: nowrap;*/ + /* width: auto;*/ + /* overflow: auto;*/ + /*}*/ + .el-table th.el-table__cell{ + background-color:$color-blue; + height: 0.3125rem /* 80/256 */; } + .el-table tr{ + height: 0.3125rem /* 80/256 */; + } + .el-table tr:nth-child(odd){ + background-color: #CEF2FF; + } + .el-table tr:nth-child(even){ + background-color: #A8E9FF; + } + .el-table, .el-table__expanded-cell{ + background-color: transparent; + } + .el-table thead{ + color: $color-darkGrey; + } + .el-table{ + color: $color-darkGrey; + } + .el-table .cell{ + font-size: $fontSize-28; + color: $color-darkGrey; + font-weight: 300; + line-height: 1; + white-space:pre-line; + } + .el-table--border th.el-table__cell, .el-table__fixed-right-patch{ + border-bottom:1Px solid $color-grey; /*no*/ + } + .el-table thead.is-group th.el-table__cell{ + background-color: $color-blue; + } + .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{ + border-bottom:1Px solid $color-grey; /*no*/ + } + .el-table--border .el-table__cell, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{ + border-right:1Px solid $color-grey; /*no*/ + } +} </style> <style lang="scss" scoped> - @import "../../../../assets/css/base"; - .shebaoShouzhiZongbiao-wrap{ - width: 100%; - height: calc(100% - 0.078125rem /* 20/256 */); - .shebaoShouzhiZongbiao-table{ - margin-top: 0.078125rem /* 20/256 */; - h1{ - font-size: $fontSize-30; - color: $color-white; - text-align: center; - line-height: 2; - } +@import "../../../../assets/css/base"; +.shebaoShouzhiZongbiao-wrap{ + width: 100%; + height: calc(100% - 0.078125rem /* 20/256 */); + .shebaoShouzhiZongbiao-table{ + margin-top: 0.078125rem /* 20/256 */; + h1{ + font-size: $fontSize-30; + color: $color-white; + text-align: center; + line-height: 2; } } +} </style> -- Gitblit v1.9.1