fix

src/pages/iasf/index.vue

@@ -1045,6 +1045,7 @@ $bannerMh: 800px;
     text-align: justify;
     line-height: 1.6;
     color: #333;
+    @include mul-ellipsis(8);
   }
 }
 

src/pages/talentCentre/index.vue

@@ -2,9 +2,7 @@
   <!-- 人才中心 -->
   <div class="wrap">
     <div class="single-banner single-banner-overview">
-      <img class="banner-img"
-           :src="modules[0].form.pic"
-           alt="">
+      <img class="banner-img" :src="modules[0].form.pic" alt="">
       <div class="texts">
         <h6 class="banner-title">{{ modules[0].form.title }}</h6>
       </div>
@@ -13,38 +11,25 @@
       <div class="article">
         <div class="left">
           <h6 class="talent-title">{{ modules[1].form.title }}</h6>
-          <div class="talent-text"
-               v-html="modules[1].form.des"></div>
+          <div class="talent-text" v-html="modules[1].form.des"></div>
           <ul class="people">
             <li>
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[2].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[2].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text"
-                     v-html="modules[2].form.des"></div>
-                <img v-if="isLink(modules[2].form.link.linkName)"
-                     class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt=""
+                <div class="text" v-html="modules[2].form.des"></div>
+                <img v-if="isLink(modules[2].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
                   @click="openLink(modules[2].form)">
               </div>
             </li>
             <li>
-              <img class="pic"
-                   :src="modules[3].form.pic"
-                   alt="">
+              <img class="pic" :src="modules[3].form.pic" alt="">
               <div class="texts">
                 <h6>{{ modules[3].form.title }}</h6>
                 <div class="line"></div>
-                <div class="text"
-                     v-html="modules[3].form.des"></div>
-                <img v-if="isLink(modules[3].form.link.linkName)"
-                     class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt=""
+                <div class="text" v-html="modules[3].form.des"></div>
+                <img v-if="isLink(modules[3].form.link.linkName)" class="arrow" src="@/assets/images/arrow.png" alt=""
                   @click="openLink(modules[3].form)">
               </div>
             </li>
@@ -52,21 +37,12 @@
         </div>
 
         <div class="right">
-          <el-tree class="column"
-                   ref="column"
-                   :data="modules[4].list"
-                   highlight-current
-                   :expand-on-click-node="false"
-                   :props="defaultProps"
-                   node-key="id"
-                   @node-click="columnClick"></el-tree>
+          <el-tree class="column" ref="column" :data="modules[4].list" highlight-current :expand-on-click-node="false"
+            :props="defaultProps" node-key="id" @node-click="columnClick"></el-tree>
 
           <p class="l-title">人才资讯</p>
           <ul class="list">
-            <li v-for="(item, i) in articles"
-                :key="i"
-                :title="item.title"
-                @click="toArtice(item)">
+            <li v-for="(item, i) in articles" :key="i" :title="item.title" @click="toArtice(item)">
               <p class="text">{{ item.title }}</p>
               <span class="date">{{ item.releaseTime }}</span>
             </li>
@@ -161,71 +137,91 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
   background-color: #fff;
 }
+
 .content {
   width: 1200px;
 }
+
 .article {
   display: flex;
   justify-content: space-between;
+
   .left {
     width: 75%;
+
     .talent-title {
       padding-bottom: 10px;
       font-size: 1.2rem;
       color: #666;
       border-bottom: 1px solid #eaeef2;
     }
+
     .talent-text {
       margin: 20px 0;
       font-size: 1.1rem;
       color: #333;
       line-height: 28px;
+
       p {
         margin-bottom: 20px;
       }
     }
   }
+
   .people {
     margin-top: 4rem;
+
     li {
-            position: relative;
+      display: flex;
+      align-items: center;
       height: 433px;
       margin-bottom: 2rem;
+
       &:nth-child(even) {
+        flex-direction: row-reverse;
+
+        .pic {
+          margin-left: -50px;
+        }
+
         .texts {
-                    left: 50px;
-                    right: auto;
+          margin-left: 0;
         }
       }
     }
+
     .pic {
-            width: 100%;
+      width: 55%;
       height: 100%;
       object-fit: cover;
     }
+
     .texts {
-            position: absolute;
-            top: 60px;
-            right: 50px;
+      position: relative;
       width: 380px;
       padding: 50px 25px;
+      margin-left: -50px;
       background: rgba(243, 251, 255, 0.82);
     }
+
     h6 {
       font-size: 1.2rem;
       font-family: PingFangSC-Semibold, PingFang SC;
       font-weight: 600;
       color: #2a4b65;
     }
+
     .line {
       width: 93px;
       height: 1px;
       margin: 1rem 0;
       background: #3e6473;
     }
+
     .text {
       margin-bottom: 1rem;
       font-size: 1rem;
@@ -234,36 +230,45 @@ export default {
       line-height: 1.6;
     }
   }
+
   .right {
     width: 20%;
   }
+
   .column {
     width: 100%;
     margin-bottom: 25px;
   }
+
   /deep/.el-tree-node__content {
     height: 44px;
     background-color: #e5edf8;
     border-bottom: 2px solid #fff;
   }
+
   /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
     color: #fff;
     background-color: #0f5698;
   }
+
   .list {
     margin-bottom: 20px;
+
     li {
       padding: 16px 0;
       border-bottom: 1px solid #d8d8d8;
     }
+
     .text {
       margin-bottom: 5px;
       font-size: 14px;
       cursor: pointer;
+
       &:hover {
         color: $main-color;
       }
     }
+
     .date {
       font-size: 12px;
       color: #999;
@@ -275,33 +280,42 @@ export default {
   .content {
     width: 90%;
   }
+
   .article {
     flex-direction: column;
+
     .left {
       width: 100%;
+
       .recruit {
         li {
           flex-direction: column;
+
           .pic {
             width: 100%;
           }
+
           .texts {
             margin-top: 0.8rem;
           }
         }
       }
+
       .notice {
         flex-direction: column;
+
         li {
           width: 100%;
         }
       }
     }
+
     .right {
       width: 100%;
     }
   }
 }
+
 @media (max-width: 480px) {
   .article {
     .left {

src/setting.js

@@ -7,7 +7,7 @@ const isGta = url.includes('139.159.254.212'); // 国泰安
 let host = `${location.origin}/`
 if (isDev) {
   host = 'http://192.168.31.217:10000/'
-  // host = 'https://huorantech.com'
+  host = 'https://huorantech.com'
 }
 
 const Setting = {