From 428519bd36af8e719e56abbc5f1ba0b37cdadb8c Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期一, 28 四月 2025 14:49:32 +0800
Subject: [PATCH] 样式调整
---
src/views/honors/index.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 48 insertions(+), 12 deletions(-)
diff --git a/src/views/honors/index.vue b/src/views/honors/index.vue
index a88cf3d..071a277 100644
--- a/src/views/honors/index.vue
+++ b/src/views/honors/index.vue
@@ -11,7 +11,8 @@
<!-- 宸﹁竟鏍囬 -->
<div class="honors-main-title">鑽�<br />瑾�<br />濂�<br />椤�</div>
<!-- 鍙宠竟鍐呭 -->
- <div class="honors-text" v-loading="loading">
+ <div class="honors-text" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0)"
+ element-loading-text="瀛︾敓鍒楄〃鍔犺浇涓�" element-loading-spinner="el-icon-loading">
<div style="min-height: 646px;">
<ul>
<li v-for="(item, index) in honorList" :key="index">
@@ -23,14 +24,18 @@
</li>
</ul>
</div>
- <!-- 鍒嗛〉 -->
- <div class="pagination">
- <el-pagination @current-change="handleCurrentChange" class="msg-pagination-container"
- :background="isBackground" layout="prev, pager, next" :total="total">
- </el-pagination>
+ <div class="honor-main-bottom">
+ <!-- 鈥滃北鈥濆浘鐗� -->
+ <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="" />
+ <!-- 鍒嗛〉 -->
+ <div class="pagination">
+ <el-pagination @current-change="handleCurrentChange" class="msg-pagination-container"
+ :background="isBackground" layout="prev, pager, next" :total="total">
+ </el-pagination>
+ </div>
</div>
- <!-- 鈥滃北鈥濆浘鐗� -->
- <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="" />
+
+
</div>
</div>
</div>
@@ -69,9 +74,9 @@
start: (this.currentPage - 1) * 10,
size: 10,
},
- // coverSize: {
- // height: 70
- // }
+ coverSize: {
+ height: 70
+ }
}).then((res) => {
console.log(res, "res");
if (res.datas && res.datas.length) {
@@ -140,6 +145,7 @@
flex: 1;
width: 100%;
height: 100%;
+ min-width: 1200px;
overflow: auto;
padding-top: 2%;
padding-bottom: 2%;
@@ -235,6 +241,23 @@
}
}
+.honor-main-bottom {
+ display: flex;
+ justify-content: space-between
+}
+
+::v-deep .el-loading-spinner {
+ .el-loading-text {
+ font-size: 14px;
+ color: #937950;
+ }
+
+ .el-icon-loading {
+ font-size: 14px;
+ color: #937950;
+ }
+}
+
@font-face {
font-family: "Alimama DongFangDaKai";
src: url("../../assets/font/闃块噷濡堝涓滄柟澶фシ.ttf");
@@ -316,6 +339,19 @@
background-color: #937950;
color: #fff;
border-radius: 5px;
- border: 1px solid #cccccc;
+ border: 1px solid#cccccc;
+}
+
+//淇敼榧犳爣婊戣繃鐨勯鑹�
+
+:deep.el-pagination.is-background .el-pager li:not(.disabled):hover{
+ color: #937950
+}
+
+:deep.msg-pagination-container.is-background .el-pager li:hover{
+ color: #937950;
+}
+:deep.el-pagination.is-background .el-pager li:hover {
+ color: #937950;
}
</style>
--
Gitblit v1.9.1