样式调整

zhongshujie

10 小时以前 428519bd36af8e719e56abbc5f1ba0b37cdadb8c

 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,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>
@@ -70,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) {
@@ -141,6 +145,7 @@
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  overflow: auto;
  padding-top: 2%;
  padding-bottom: 2%;
@@ -236,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");
@@ -317,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>