From de962e6331d7ebf3c660a3b0d7fa1dbdc81c645f Mon Sep 17 00:00:00 2001 From: 杨磊 <505174330@qq.com> Date: 星期一, 28 四月 2025 19:30:04 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase --- src/views/honors/index.vue | 50 ++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 36 insertions(+), 14 deletions(-) diff --git a/src/views/honors/index.vue b/src/views/honors/index.vue index ec87051..cae8214 100644 --- a/src/views/honors/index.vue +++ b/src/views/honors/index.vue @@ -11,8 +11,8 @@ <!-- 宸﹁竟鏍囬 --> <div class="honors-main-title">鑽�<br />瑾�<br />濂�<br />椤�</div> <!-- 鍙宠竟鍐呭 --> - <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 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"> @@ -24,14 +24,17 @@ </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="" /> + <el-empty v-if="!loading && !honorList.length"></el-empty> </div> </div> </div> @@ -49,7 +52,7 @@ honorList: [], total: 0, currentPage: 1, - loading: false, + loading: true, }; }, mounted() { @@ -70,9 +73,6 @@ start: (this.currentPage - 1) * 10, size: 10, }, - // coverSize: { - // height: 70 - // } }).then((res) => { console.log(res, "res"); if (res.datas && res.datas.length) { @@ -237,6 +237,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"); @@ -318,6 +335,11 @@ 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 } </style> -- Gitblit v1.9.1