2019-08-27update

king

2019-08-27 7ab906c6c29886ac88cddc0b8dbfcbf4fc1364ad

 src/views/productCenter/index.vue

@@ -3,11 +3,11 @@
    <div class="banner"><img :src="url" alt=""></div>
    <div v-for="(item, index) in details" :key="index">
      <div v-if="item.type === 'WLongText'" class="wrapper platform">
        <div class="content_title"><span v-text="item.title"></span></div>
        <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
        <p v-text="item.longText"></p>
      </div>
      <div v-else-if="item.type === 'Wimages'" class="wrapper scene">
        <div class="content_title"><span v-text="item.title"></span></div>
        <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
        <div class="content_scene">
          <span class="scene scene-img" v-for="(img, index) in item.imglist" :key="index">
            <img :src="img.url" alt="">
@@ -19,7 +19,7 @@
        </div>
      </div>
      <div v-else-if="item.type === 'Wico'" class="wrapper skill">
        <div class="content_title"><span v-text="item.title"></span></div>
        <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
        <div class="content_skill">
          <div class="content_skill_item" v-for="(icon, index) in item.iconlist" :key="index">
            <div><img :src="icon.url" alt=""></div>
@@ -28,7 +28,7 @@
        </div>
      </div>
      <div v-else-if="item.type === 'Wcontent'" class="wrapper industry">
        <div class="content_title"><span v-text="item.title"></span></div>
        <div class="content_title"><span v-if="item.title" v-text="item.title"></span></div>
        <div class="content_industry" v-for="(m, n) in Math.ceil(item.sublist.length / 2)" :key="n">
          <div class="content_industry_card" v-if="index >= n * 2 && index < (n + 1) * 2" v-for="(cell, index) in item.sublist" :key="index">
            <h3 v-text="cell.title"></h3>
@@ -157,9 +157,9 @@
        margin: 0.1rem 0 0.38rem;
      }
      p {
        font-size: 0.12rem;
        font-size: 0.14rem;
        color: #676767;
        line-height: .18rem;
        line-height: .22rem;
      }
    }
    .scene {
@@ -183,11 +183,13 @@
      .txt2 {
        top: 0;
        left: 33%;
        white-space: normal;
      }
      .txt3 {
        left: auto;
        top: 0;
        right: 0;
        white-space: normal;
      }
      .txt4 {
        top: 33%;
@@ -195,11 +197,13 @@
      .txt5 {
        left: 33%;
        top: 33%;
        white-space: normal;
      }
      .txt6 {
        left: auto;
        top: 33%;
        right: 0;
        white-space: normal;
      }
      .txt7 {
        height: auto;
@@ -211,6 +215,7 @@
        top: auto;
        bottom: 0;
        left: 33%;
        white-space: normal;
      }
      .txt9 {
        height: auto;
@@ -218,6 +223,7 @@
        left: auto;
        bottom: 0;
        right: 0;
        white-space: normal;
      }
      .content_title {
        margin: .53rem 0 0.52rem;
@@ -276,19 +282,23 @@
            line-height:0.25rem;
          }
          .content_industry_list {
            position: relative;
            display: flex;
            margin-top: 0.27rem;
            min-height: 150px;
            ul {
              margin-right: .4rem;
              li {
                font-size: 0.08rem;
                font-size: 0.14rem;
                line-height: 0.25rem;
              }
            }
            img {
              position: absolute;
              right: 0.3rem;
              bottom: 0.3rem;
              right: 0rem;
              top: 0rem;
              max-width: 356px;
              max-height: 150px;
            }
          }
        }
@@ -326,7 +336,7 @@
  }
  .joinBtnBox {
    text-align: center;
    margin: 1.08rem auto 1.9rem;
    margin: 1.08rem auto 1rem;
  }
  .content_agent {
    display: flex;
@@ -345,7 +355,7 @@
        display: inline-block;
      }
      p {
        font-size: 0.12rem;
        font-size: 0.13rem;
        color:#3A3A3C;
        margin: 0.2rem 0;
        text-align: center;
@@ -399,9 +409,11 @@
        }
        .txt {
          position: absolute;
          left: 30%;
          bottom: 10%;
          color: #fff;
          text-align: center;
          padding: 0 0.04rem;
          width: 100%;
        }
      }
    }
@@ -414,7 +426,8 @@
      background: #f4f4f4;
      padding: 0.3rem .2rem;
      h3 {
        width:1.2rem;
        // width:1.2rem;
        display: inline-block;
        font-size: .28rem;
        font-family: PingFang-SC-Bold;
        font-weight: bold;