From dc161b8ff89d1a2791ba0c08e30aa278ea5ace47 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 08 四月 2025 18:35:25 +0800 Subject: [PATCH] bug修改 --- src/views/achievements/index.vue | 70 +++++++++++++++++++++-------------- 1 files changed, 42 insertions(+), 28 deletions(-) diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue index 65119c5..06dc4a5 100644 --- a/src/views/achievements/index.vue +++ b/src/views/achievements/index.vue @@ -3,6 +3,7 @@ <div class="page-header"> <p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p> </div> + <div class="page-main-father"> <div class="page-main"> <!-- 鎼滅储妗� --> <ul class="page-input"> @@ -246,6 +247,7 @@ </div> </div> </div> + </div> </div> </template> @@ -683,18 +685,21 @@ height: 100%; box-sizing: border-box; background-color: #e9e1d4; - overflow: auto; + position: relative; + overflow: hidden; } .page-header { - height: 102px; + background-color: #e9e1d4; + height: 9.4%; width: 100%; text-align: left; - margin-bottom: 8px; border-bottom: 2px solid #937950; - + position: sticky; + top: 0; + z-index: 10; p { - padding: 35px 0 34px 0; + padding: 1.6% 0 1.55% 0; font-family: Alimama DongFangDaKai; font-size: 30px; text-indent: 1em; @@ -702,9 +707,17 @@ } } +.page-main-father{ + height: calc(100% - 9.4%); + width: 100%; + overflow: auto; +} + .page-main { - width: 1330px; + width: 77.3%; margin: 0 auto; + margin-top: 1%; + margin-bottom: 1%; } .page-input { @@ -788,7 +801,6 @@ .page-content { width: 100%; margin-top: 20px; - margin-bottom: 20px; background-color: #fefbf5; border: 1px solid #e4dace; display: flex; @@ -1114,34 +1126,36 @@ } :deep .msg-pagination-container.is-background .el-pager li { - /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/ - background-color: transparent; - color: #333333; - border-radius: 5px; - border: 1px solid #CCCCCC; + /*瀵归〉鏁扮殑鏍峰紡杩涜淇敼*/ + background-color: transparent; + color: #333333; + border-radius: 5px; + border: 1px solid #cccccc; } :deep.msg-pagination-container.is-background .btn-next { - /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/ - background-color: transparent; - color: #333333; - border-radius: 5px; - border: 1px solid #CCCCCC; + /*瀵逛笅涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/ + background-color: transparent; + color: #333333; + border-radius: 5px; + border: 1px solid #cccccc; } :deep.msg-pagination-container.is-background .btn-prev { - /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/ - background-color: transparent; - color: #333333; - border-radius: 5px; - border: 1px solid #CCCCCC; + /*瀵逛笂涓�椤电殑鎸夐挳鏍峰紡杩涜淇敼*/ + background-color: transparent; + color: #333333; + border-radius: 5px; + border: 1px solid #cccccc; } -:deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active { - /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/ - background-color: #937950; - color: #FFF; - border-radius: 5px; - border: 1px solid #CCCCCC; +:deep.msg-pagination-container.is-background + .el-pager + li:not(.disabled).active { + /*褰撳墠閫変腑椤垫暟鐨勬牱寮忚繘琛屼慨鏀�*/ + background-color: #937950; + color: #fff; + border-radius: 5px; + border: 1px solid #cccccc; } </style> -- Gitblit v1.9.1