| | |
| | | <!-- 左边标题 --> |
| | | <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"> |
| | |
| | | </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> |
| | |
| | | honorList: [], |
| | | total: 0, |
| | | currentPage: 1, |
| | | loading: false, |
| | | loading: true, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | start: (this.currentPage - 1) * 10, |
| | | size: 10, |
| | | }, |
| | | // coverSize: { |
| | | // height: 70 |
| | | // } |
| | | }).then((res) => { |
| | | console.log(res, "res"); |
| | | if (res.datas && res.datas.length) { |
| | |
| | | flex: 1; |
| | | width: 100%; |
| | | height: 100%; |
| | | min-width: 1200px; |
| | | overflow: auto; |
| | | padding-top: 2%; |
| | | padding-bottom: 2%; |
| | |
| | | } |
| | | } |
| | | |
| | | .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"); |
| | |
| | | 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> |