From 5f4c128cd325cfea43bd38de5cef2d9170be7472 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期二, 08 四月 2025 17:53:58 +0800
Subject: [PATCH] 样式调整
---
src/views/achievements/index.vue | 67 ++++++++++++++++++++-------------
1 files changed, 40 insertions(+), 27 deletions(-)
diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index 65119c5..08049d5 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,20 @@
height: 100%;
box-sizing: border-box;
background-color: #e9e1d4;
- overflow: auto;
+ position: relative;
}
.page-header {
- height: 102px;
+ height: 9.4%;
width: 100%;
text-align: left;
- margin-bottom: 8px;
border-bottom: 2px solid #937950;
-
+ background-color: #e9e1d4;
+ position: sticky;
+ top: 0;
+ z-index: 100;
p {
- padding: 35px 0 34px 0;
+ padding: 2% 0 1.9% 0;
font-family: Alimama DongFangDaKai;
font-size: 30px;
text-indent: 1em;
@@ -702,9 +706,16 @@
}
}
+.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%;
}
.page-input {
@@ -1114,34 +1125,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