From b5e3d6a03135e7509b09ec295730af77904a8501 Mon Sep 17 00:00:00 2001 From: wangxia <779219182@qq.com> Date: Tue, 24 Oct 2023 11:00:18 +0800 Subject: [PATCH] 1 --- src/App.vue | 2 +- src/components/merchantManagement/memberInfo.vue | 169 ++-- .../merchantManagement/roleManagement.vue | 900 ++++++++++----------- src/components/screen/largeScreen.vue | 299 +++---- src/components/userinfo/accountsetting/inedex.vue | 4 +- .../usercenter/components/dataStatistics.vue | 259 +++--- src/style/index.less | 28 +- src/views/main.vue | 100 +-- src/views/merchantBack.vue | 10 +- 9 files changed, 918 insertions(+), 853 deletions(-) diff --git a/src/App.vue b/src/App.vue index 7374bbc..1ef5284 100644 --- a/src/App.vue +++ b/src/App.vue @@ -8,7 +8,7 @@ @@ -931,9 +958,11 @@ table { padding-left: 0; padding-bottom: 0px; // overflow: hidden; - height: calc(100vh - 105px); + min-height: calc(100vh - 105px); + // height: calc(100vh - 105px); .leftContainer { width: 260px; + min-width: 220px; height: 100%; overflow: hidden; /deep/ .searchbox { @@ -960,6 +989,17 @@ table { flex: 1; padding-left: 16px; overflow: hidden; + position: relative; + min-width: 1020px; + &::before { + position: absolute; + content: ''; + width: 1px; + height: calc(100% - 16px); + left: 0; + top: 0; + background: #eee; + } .addmemeber { border: 0; padding: 0 12px; @@ -1006,7 +1046,7 @@ table { th { padding: 12px 0; div { - padding: 0px 8px; + // padding: 0px 8px; } &:not(:first-child) { > span { @@ -1028,7 +1068,7 @@ table { } .ant-table-tbody { .ant-table-row-cell-ellipsis { - padding: 12px 14px; + padding: 12px 12px; } .ant-table-row-expand-icon { // color: #000; @@ -1072,17 +1112,16 @@ table { } /deep/ .ant-modal-content { .ant-modal-body { - min-height: 780px; - max-height: 780px; + min-height: 730px; + max-height: 730px; padding-bottom: 50px; overflow: auto; } } } -/deep/ .ant-table-thead > tr > th, -/deep/ .ant-table-tbody > tr > td { - padding: 12px 8px !important; +/deep/ .ant-table-thead > tr > th { + padding: 12px 0px !important; } td:empty:before { content: '-'; @@ -1127,7 +1166,7 @@ td:empty:before { .content { position: relative; overflow: auto; - max-height: 700px; + // max-height: 700px; } .total { // background-color: #fafafa; @@ -1214,7 +1253,7 @@ td:empty:before { font-size: 14px; // height: 20px; // display: inline-block; - // padding: 0px 16px; + padding: 0px 16px; } .ant-table-row-indent { display: none; diff --git a/src/style/index.less b/src/style/index.less index 8ae0d92..707c80d 100644 --- a/src/style/index.less +++ b/src/style/index.less @@ -1,4 +1,4 @@ -@import "http://at.alicdn.com/t/c/font_3135652_hpjxyx26ogf.css"; +@import "http://at.alicdn.com/t/c/font_3135652_vgfhlnrtoao.css"; // 初始化页面样式 body, @@ -295,11 +295,11 @@ i { .mt10 { margin-top: 10px; } -.ml22{ - margin-left: 22px; +.ml22 { + margin-left: 22px; } -.ml24{ - margin-left: 24px; +.ml24 { + margin-left: 24px; } .mb10 { margin-bottom: 10px; @@ -330,6 +330,12 @@ i { .pt12 { padding-top: 12px; } +.letter0{ + letter-spacing: 0; +} +.mb40{ + margin-bottom: 40px; +} .pb8 { padding-bottom: 8px; } @@ -397,6 +403,12 @@ i { .f24 { font-size: 24px; } +.f32 { + font-size: 32px !important; +} +.f36 { + font-size: 36px !important; +} .c3 { color: #333; } @@ -406,6 +418,12 @@ i { .c9 { color: #999; } +.cccc { + color: #cccccc; +} +.cblue { + color: #1890ff; +} .fsa { display: flex; align-items: center; diff --git a/src/views/main.vue b/src/views/main.vue index 2bfae13..9998da8 100644 --- a/src/views/main.vue +++ b/src/views/main.vue @@ -2,26 +2,29 @@