From daa13602cd5c0c272bb303bdf4ca01709a2bb4aa Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期日, 27 四月 2025 18:12:39 +0800
Subject: [PATCH] bug修改
---
src/views/honors/index.vue | 45 +++++++++++++++++++++++++--------------------
1 files changed, 25 insertions(+), 20 deletions(-)
diff --git a/src/views/honors/index.vue b/src/views/honors/index.vue
index 26111e0..ec87051 100644
--- a/src/views/honors/index.vue
+++ b/src/views/honors/index.vue
@@ -11,26 +11,27 @@
<!-- 宸﹁竟鏍囬 -->
<div class="honors-main-title">鑽�<br />瑾�<br />濂�<br />椤�</div>
<!-- 鍙宠竟鍐呭 -->
- <div class="honors-text">
- <ul v-loading="loading">
- <li v-for="(item, index) in honorList" :key="index">
- <img class="main-img" :src="item.icon ? item.icon : defaultImg" alt="" />
- <div>
- <p class="main-time">{{ item.year }}</p>
- <p class="main-text" :title="item.txt">{{ item.honor }}</p>
- </div>
- </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>
- <!-- 鈥滃北鈥濆浘鐗� -->
- <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="" />
+ <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">
+ <img class="main-img" :src="item.icon ? item.icon : defaultImg" alt="" />
+ <div>
+ <p class="main-time">{{ item.year }}</p>
+ <p class="main-text" :title="item.txt">{{ item.honor }}</p>
+ </div>
+ </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>
+ <!-- 鈥滃北鈥濆浘鐗� -->
+ <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="" />
</div>
</div>
</div>
@@ -140,6 +141,7 @@
flex: 1;
width: 100%;
height: 100%;
+ min-width: 1200px;
overflow: auto;
padding-top: 2%;
padding-bottom: 2%;
@@ -147,7 +149,6 @@
.honors-main {
width: 77.3%;
- height: 100%;
margin: 0 auto;
}
@@ -175,6 +176,7 @@
padding: 0 0 0 5.8%;
display: flex;
flex-direction: column;
+ min-height: 646px;
ul {
flex: 1;
@@ -220,12 +222,15 @@
width: 70.5%;
height: auto;
margin-left: -33%;
+ margin-bottom: -1%;
+
}
.pagination {
// position: absolute;
// bottom: 0;
// right: 0;
+ height: 10%;
padding-right: 47px;
padding-top: 30px;
text-align: end;
--
Gitblit v1.9.1