样式调整

zhongshujie

2025-04-08 5f4c128cd325cfea43bd38de5cef2d9170be7472

 src/views/achievements/index.vue

@@ -3,6 +3,7 @@
    <div class="page-header">
      <p>王永炎院士学术成果</p>
    </div>
    <div class="page-main-father">
    <div class="page-main">
      <!-- 搜索框 -->
      <ul class="page-input">
@@ -246,6 +247,7 @@
        </div>
      </div>
    </div>
  </div>
  </div>
</template>

@@ -683,18 +685,20 @@
  height: 100%;
  box-sizing: border-box;
  background-color: #e9e1d4;
  overflow: auto;
  position: relative;
}

.page-header {
  height: 102px;
  height: 9.4%;
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
  border-bottom: 2px solid #937950;

  background-color: #e9e1d4;
  position: sticky;
  top: 0;
  z-index: 100;
  p {
    padding: 35px 0 34px 0;
    padding: 2% 0 1.9% 0;
    font-family: Alimama DongFangDaKai;
    font-size: 30px;
    text-indent: 1em;
@@ -702,9 +706,16 @@
  }
}

.page-main-father{
  height: calc(100% - 9.4%);
  width: 100%;
  overflow: auto;
}

.page-main {
  width: 1330px;
  width: 77.3%;
  margin: 0 auto;
  margin-top: 1%;
}

.page-input {
@@ -1114,34 +1125,36 @@
}

:deep .msg-pagination-container.is-background .el-pager li {
    /*对页数的样式进行修改*/
    background-color: transparent;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  /*对页数的样式进行修改*/
  background-color: transparent;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

:deep.msg-pagination-container.is-background .btn-next {
    /*对下一页的按钮样式进行修改*/
    background-color: transparent;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  /*对下一页的按钮样式进行修改*/
  background-color: transparent;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

:deep.msg-pagination-container.is-background .btn-prev {
    /*对上一页的按钮样式进行修改*/
    background-color: transparent;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
  /*对上一页的按钮样式进行修改*/
  background-color: transparent;
  color: #333333;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

:deep.msg-pagination-container.is-background .el-pager li:not(.disabled).active {
    /*当前选中页数的样式进行修改*/
    background-color: #937950;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
:deep.msg-pagination-container.is-background
  .el-pager
  li:not(.disabled).active {
  /*当前选中页数的样式进行修改*/
  background-color: #937950;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
</style>