2021-02-18

king

2021-02-18 b5dd46217e8e97f98b0c284b8f582b12d86deddc

2021-02-18

 src/views/news/index.vue

@@ -14,9 +14,7 @@
      <div class="tab-content">
        <ul class="news_ul">
          <li v-for="(item, index) in pages" :key="index" @click="jumpmenu(item)">
            <h3>
              <img :src="item.Image1" alt="">
            </h3>
            <div class="news_img" :style="{backgroundImage: `url(${item.Image1})`}"></div>
            <div class="news_ul_card">
              <h2>
                <span style="display: block;" v-text="item.Title1"></span>
@@ -145,15 +143,12 @@
    padding: 0.2rem 0.3rem 0;
    li {
      margin-bottom: .35rem;
      h3 {
        position: relative;
        span {
          position: absolute;
          left: 0.5rem;
          bottom: 0.1rem;
          color: #fff;
          font-size: 0.3rem;
        }
      .news_img {
        width: 100%;
        padding-top: 75%;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
      }
      p {
        font-size: .24rem;
@@ -265,31 +260,17 @@
    li:nth-child(3n) {
      margin-right: 0;
    }
    h3 {
      width: 3.6rem;
      position: relative;
      overflow: hidden;
      span {
        display: inline-block;
        width: 50%;
        height: .22rem;
        position: relative;
        bottom: 0.29rem;
        right: 0;
        color: #fff;
        text-align: center;
      }
      .b_txt {
        font-size: 0.2rem;
        position: absolute;
        top: 43%;
        left: 26%;
      }
    .news_img {
      width: 100%;
      padding-top: 75%;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
    }
  }

  .news_ul_card {
    width: 3.6rem;
    // width: 3.6rem;
    height: 2.2rem;
    background:rgba(243,243,243,1);
    padding: 0.1rem 0.1rem 0;