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

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 = {