杨磊
10 小时以前 de962e6331d7ebf3c660a3b0d7fa1dbdc81c645f
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,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>
@@ -48,7 +52,7 @@
      honorList: [],
      total: 0,
      currentPage: 1,
      loading: false,
      loading: true,
    };
  },
  mounted() {
@@ -69,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) {
@@ -140,6 +141,7 @@
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  overflow: auto;
  padding-top: 2%;
  padding-bottom: 2%;
@@ -235,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");
@@ -316,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>