样式优化

zhongshujie

20 小时以前 c2b7142602445280382b1c1eeefa12601b4801ba

 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="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>
            <!-- “山”图片 -->
            <img class="honor-Bg" src="../../assets/images/honors/honor-Bg.png" alt="" />
            </div>


          </div>
        </div>
      </div>
@@ -237,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");