diff --git a/src/views/address-manage/index.vue b/src/views/address-manage/index.vue index 4614bf26..3221e340 100644 --- a/src/views/address-manage/index.vue +++ b/src/views/address-manage/index.vue @@ -7,25 +7,28 @@ ref="searchFormRef" :model="searchParams" > - - + + + + + 新建收货地址 - - - + + +
@@ -46,15 +49,17 @@ - - +
+ +
- +
+ td.el-table__cell { + background-color: #CCF1E9 !important; + } + } + + .content-box { + border-radius: 8px; + height: calc(100vh - 120px); + display: flex; + flex-direction: column; + overflow: hidden; + + ::v-deep .el-card__body { + display: flex !important; + flex-direction: column !important; + height: 100% !important; + padding: 20px; + } + + .el-row:first-child { + margin-bottom: 16px; + flex-shrink: 0; + + .el-col { + display: flex; + justify-content: flex-end; + align-items: center; + gap: 12px; + } + } + + .table-container { + flex: 1; + overflow: hidden; + margin-bottom: 0; + min-height: 0; + display: flex; + flex-direction: column; + } + + .pagination-wrapper { + flex-shrink: 0; + padding-top: 6px; + margin-top: auto; + + ::v-deep .pagination-container { + padding: 0px 20px !important; + margin-bottom: 30px; + } + } + + ::v-deep .el-table { + // 启用斑马纹 + &.el-table--striped .el-table__body { + tr.el-table__row--striped td { + background-color: #F6FBFA !important; // 浅紫色 + } + } + + .el-table__header { + background: #E9F0EE; + + th { + background: #E9F0EE !important; + color: #606266; + font-weight: 600; + height: 50px; + } + } + + &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell { + background-color: #CCF1E9 !important; + } + } +} diff --git a/src/views/rent-facility/index.vue b/src/views/rent-facility/index.vue index e22fe0d0..e9d7220d 100644 --- a/src/views/rent-facility/index.vue +++ b/src/views/rent-facility/index.vue @@ -1,7 +1,7 @@