图片清理

src/pages/application/index.vue

@@ -218,6 +218,7 @@ export default {
 
 .app {
   display: flex;
+  justify-content: center;
   flex-wrap: wrap;
 
   li {

src/pages/industrial/index.vue

@@ -1,80 +1,58 @@
 <template>
   <div class="wrap">
     <div class="single-banner">
-      <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>
     </div>
 
     <div class="block history gray">
-      <div class="inner"
-           :class="{'cursor-pointer': isLink(modules[1].form.link.linkName)}"
+      <div class="inner" :class="{ 'cursor-pointer': isLink(modules[1].form.link.linkName) }"
         @click="openLink(modules[1].form)">
-        <h2 class="wow fadeInLeft"
-            style="margin-left: 57px"
-            v-html="modules[1].form.title"></h2>
-        <div class="texts wow fadeInDown"
-             data-wow-delay="0.5s">
+        <h2 class="wow fadeInLeft" style="margin-left: 57px" v-html="modules[1].form.title"></h2>
+        <div class="texts wow fadeInDown" data-wow-delay="0.5s">
           <div class="left">
             <h2>{{ modules[1].form.subTitle }}</h2>
-            <div class="text"
-                 v-html="modules[1].form.des"></div>
+            <div class="text" v-html="modules[1].form.des"></div>
           </div>
-          <img class="bg"
-               :src="modules[1].form.pic"
-               alt="">
+          <img class="bg" :src="modules[1].form.pic" alt="">
         </div>
       </div>
     </div>
 
     <div class="block land">
       <div class="inner">
-        <img class="pic wow fadeInLeft"
-             :src="modules[2].form.pic"
-             alt="">
+        <img class="pic wow fadeInLeft" :src="modules[2].form.pic" alt="">
         <div class="right wow fadeInDown">
           <h6 v-html="modules[2].form.title"></h6>
-          <div class="text"
-               v-html="modules[2].form.des"></div>
+          <div class="text" v-html="modules[2].form.des"></div>
         </div>
       </div>
     </div>
 
     <div class="block gray">
       <div class="inner">
-        <h2 class="b-title wow fadeInUp plan-title"
-            v-html="modules[3].form.title"></h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
+        <h2 class="b-title wow fadeInUp plan-title" v-html="modules[3].form.title"></h2>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[3].form.des }}</p>
         <ul class="plan">
           <li>
             <div class="left">
               <h6 v-html="modules[4].form.title"></h6>
-              <div class="text"
-                   v-html="modules[4].form.des"></div>
-              <a v-if="isLink(modules[4].form.link.linkName)"
-                 class="survey"
-                 @click="openLink(modules[4].form)">需求调研 ></a>
+              <div class="text" v-html="modules[4].form.des"></div>
+              <a v-if="isLink(modules[4].form.link.linkName)" class="survey" @click="openLink(modules[4].form)">需求调研
+                ></a>
             </div>
-            <img class="pic"
-                 :src="modules[4].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[4].form.pic" alt="">
           </li>
           <li>
             <div class="left">
               <h6 v-html="modules[5].form.title"></h6>
-              <div class="text"
-                   v-html="modules[5].form.des"></div>
-              <a v-if="isLink(modules[5].form.link.linkName)"
-                 class="survey"
-                 @click="openLink(modules[5].form)">需求调研 ></a>
+              <div class="text" v-html="modules[5].form.des"></div>
+              <a v-if="isLink(modules[5].form.link.linkName)" class="survey" @click="openLink(modules[5].form)">需求调研
+                ></a>
             </div>
-            <img class="pic"
-                 :src="modules[5].form.pic"
-                 alt="">
+            <img class="pic" :src="modules[5].form.pic" alt="">
           </li>
         </ul>
       </div>
@@ -82,23 +60,15 @@
 
     <div class="block">
       <div class="inner">
-        <h2 class="b-title"
-            :class="{'wow fadeInUp': $store.getters.getModelType}"
-            v-html="modules[6].form.title"></h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
+        <h2 class="b-title" :class="{ 'wow fadeInUp': $store.getters.getModelType }" v-html="modules[6].form.title">
+        </h2>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[6].form.des }}</p>
         <ul class="app">
-          <li v-for="(item, i) in modules[7].list"
-              :key="i"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              :class="{'cursor-pointer': isLink(item.link.linkName),'wow fadeInDown': $store.getters.getModelType}"
+          <li v-for="(item, i) in modules[7].list" :key="i" :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+            :class="{ 'cursor-pointer': isLink(item.link.linkName), 'wow fadeInDown': $store.getters.getModelType }"
             @click="openLink(item)">
-            <img class="bg"
-                 :src="require('@/assets/images/industrial/app' + (i + 1) + '.png')"
-                 alt="">
-            <img class="icon"
-                 :src="require('@/assets/images/industrial/app' + (i + 1) + '-1.png')"
-                 alt="">
+            <img class="bg" :src="'https://huorantech.com/images/industrial/app' + (i + 1) + '.png'" alt="">
+            <img class="icon" :src="'https://huorantech.com/images/industrial/app' + (i + 1) + '-1.png'" alt="">
             <p class="text">{{ item.title }}</p>
           </li>
         </ul>
@@ -107,30 +77,21 @@
 
     <div class="block news-block">
       <div class="inner">
-        <h2 class="b-title"
-            :class="{'wow fadeInUp': $store.getters.getModelType}"
-            v-html="modules[8].form.title"></h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[8].form.des }}</p>
+        <h2 class="b-title" :class="{ 'wow fadeInUp': $store.getters.getModelType }" v-html="modules[8].form.title">
+        </h2>
+        <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[8].form.des }}</p>
         <ul class="news">
-          <li :class="{'wow fadeInDown': $store.getters.getModelType}"
-              :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
-              v-for="(item, i) in articles"
-              :key="i"
-              @click="toArtice(item, modules[9].form)">
-            <img :src="item.titleImg"
-                 alt="">
+          <li :class="{ 'wow fadeInDown': $store.getters.getModelType }" :data-wow-delay="(0.2 * i).toFixed(1) + 's'"
+            v-for="(item, i) in articles" :key="i" @click="toArtice(item, modules[9].form)">
+            <img :src="item.titleImg" alt="">
             <div class="texts">
               <span class="meta">{{ item.releaseTime }}</span>
               <h6>{{ item.title }}</h6>
             </div>
           </li>
         </ul>
-        <div class="all-link"
-             @click="toAll(modules[9].form)">
-          <span>{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
+        <div class="all-link" @click="toAll(modules[9].form)">
+          <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
         </div>
       </div>
     </div>
@@ -187,12 +148,14 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .history {
   h2 {
     margin-bottom: 20px;
     font-size: 1.8rem;
     color: #333;
   }
+
   .texts {
     display: flex;
     justify-content: space-between;
@@ -200,14 +163,17 @@ export default {
     background-color: #fff;
     border-radius: 100px 0px 0px 0px;
     transition: 0.3s;
+
     &:hover {
       transform: scale(1.05);
     }
   }
+
   .left {
     width: 500px;
     padding-right: 30px;
   }
+
   .text {
     margin: 20px 0;
     font-size: 1.2rem;
@@ -215,6 +181,7 @@ export default {
     line-height: 31px;
     @include mul-ellipsis(10);
   }
+
   .bg {
     width: 560px;
     height: 500px;
@@ -222,18 +189,22 @@ export default {
     // object-fit: cover;
   }
 }
+
 .land {
   .inner {
     display: flex;
   }
+
   .pic {
     width: 50%;
     height: 450px;
     object-fit: cover;
   }
+
   .right {
     width: 50%;
   }
+
   h6 {
     margin-left: 50px;
     font-size: 1.3rem;
@@ -241,6 +212,7 @@ export default {
     color: #333;
     @include ellipsis();
   }
+
   .text {
     height: 405px;
     padding: 50px;
@@ -249,6 +221,7 @@ export default {
     border-radius: 0px 100px 0px 0px;
   }
 }
+
 .plan {
   li {
     display: flex;
@@ -258,26 +231,32 @@ export default {
     color: #333;
     background-color: #fff;
     border-radius: 100px 0px 0px 0px;
+
     &:nth-child(even) {
       flex-direction: row-reverse;
+
       .pic {
         margin: -20px 0 0 -20px;
         border-radius: 0 100px 0 0;
       }
     }
+
     .left {
       width: 50%;
       padding: 50px;
     }
+
     h6 {
       font-size: 1.4rem;
       font-family: PingFangSC-Medium, PingFang SC;
     }
+
     .text {
       margin: 14px 0 40px;
       font-size: 1rem;
       line-height: 1.6;
     }
+
     .survey {
       padding: 8px 15px;
       font-size: 0.9rem;
@@ -286,6 +265,7 @@ export default {
       cursor: pointer;
       border-radius: 4px;
     }
+
     .pic {
       width: 48%;
       height: 423px;
@@ -299,6 +279,7 @@ export default {
 .app {
   display: flex;
   flex-wrap: wrap;
+
   li {
     position: relative;
     display: flex;
@@ -309,16 +290,20 @@ export default {
     height: 200px;
     margin: 0 10px 10px 0;
     transition: 0.3s;
+
     &:hover {
       transform: scale(1.05);
+
       .icon {
         transform: rotateY(180deg);
       }
     }
+
     &:nth-child(4n) {
       margin-right: 0;
     }
   }
+
   .bg {
     position: absolute;
     top: 0;
@@ -327,11 +312,13 @@ export default {
     height: 100%;
     object-fit: cover;
   }
+
   .icon {
     position: relative;
     width: 62px;
     transition: 0.5s;
   }
+
   .text {
     position: relative;
     margin-top: 20px;
@@ -339,34 +326,41 @@ export default {
     color: #fff;
   }
 }
+
 .news {
   position: relative;
   display: flex;
   flex-wrap: wrap;
+
   li {
     width: calc((100% - 34px) / 3);
     margin: 0 17px 20px 0;
     background-color: #fff;
     cursor: pointer;
+
     &:nth-child(3n) {
       margin-right: 0;
     }
   }
+
   img {
     width: 100%;
     height: 220px;
     object-fit: cover;
   }
+
   .texts {
     padding: 20px 24px;
     background-color: #fff;
   }
+
   h6 {
     margin-top: 8px;
     font-size: 1rem;
     color: #333;
     text-shadow: 0px 0px 20px rgba(176, 176, 176, 0.21);
   }
+
   .meta {
     font-size: 0.9rem;
     color: #666;
@@ -379,63 +373,78 @@ export default {
     .texts {
       flex-direction: column;
     }
+
     .left {
       width: 100%;
     }
+
     .bg {
       width: 100%;
       height: auto;
       margin-top: 1rem;
     }
   }
+
   .land {
     .inner {
       flex-direction: column;
     }
+
     .pic,
     .right {
       width: 100%;
     }
+
     h6 {
       margin-left: 0;
     }
+
     .right {
       margin-top: 1rem;
     }
+
     .text {
       height: auto;
     }
   }
+
   .plan {
     li {
       flex-direction: column !important;
       height: auto;
+
       .left,
       .pic {
         width: 100%;
       }
+
       .pic {
         margin: 1rem 0 0 !important;
       }
     }
   }
+
   .app {
     li {
       width: calc((100% - 10px) / 2);
       height: 267px;
+
       &:nth-child(2n) {
         margin-right: 0;
       }
     }
   }
+
   .news {
     flex-direction: column;
+
     li {
       width: 100%;
       margin: 0 0 20px 0;
     }
   }
 }
+
 @media (max-width: 780px) {
   .app {
     li {
@@ -443,6 +452,7 @@ export default {
       margin-right: 0;
     }
   }
+
   .plan-title:after {
     display: none;
   }

src/pages/supplier/index.vue

@@ -3,42 +3,37 @@
     <div class="banner fadeInDown">
       <h6>教育数字化产品供应商</h6>
       <p class="text">与3000所高校共建数字化教育产业未来</p>
-      <el-button class="dev"
-                 type="primary"
-                 @click="openDev">登录供应商平台</el-button>
+      <el-button class="dev" type="primary" @click="openDev">登录供应商平台</el-button>
     </div>
     <!-- 关于教育产业数字化产品供应商 -->
     <div class="about fadeInUp">
       <div class="inner">
-        <div class="text">如果您是从事高职、本科市场相应数字化场景的软件、硬件研发、生产或代理的供应商；如果您正面临拓展渠道难、精准触达客户难、售前支持难、按时回款难等发展瓶颈；请加入职站商城，让您的产品轻松走进全国院校。</div>
+        <div class="text">
+          如果您是从事高职、本科市场相应数字化场景的软件、硬件研发、生产或代理的供应商；如果您正面临拓展渠道难、精准触达客户难、售前支持难、按时回款难等发展瓶颈；请加入职站商城，让您的产品轻松走进全国院校。</div>
 
         <div class="entry">
           <ul class="progress">
             <li>
               <span class="icon">
-                <img src="@/assets/images/dev/entry1.png"
-                     alt="">
+                <img src="@/assets/images/dev/entry1.png" alt="">
               </span>
               <p class="pro-text">申请供应商平台账号</p>
             </li>
             <li>
               <span class="icon">
-                <img src="@/assets/images/dev/entry2.png"
-                     alt="">
+                <img src="@/assets/images/dev/entry2.png" alt="">
               </span>
               <p class="pro-text">提交职站商城入驻申请</p>
             </li>
             <li>
               <span class="icon">
-                <img src="@/assets/images/dev/entry3.png"
-                     alt="">
+                <img src="@/assets/images/dev/entry3.png" alt="">
               </span>
               <p class="pro-text">完成业务沟通</p>
             </li>
             <li>
               <span class="icon">
-                <img src="@/assets/images/dev/entry4.png"
-                     alt="">
+                <img src="@/assets/images/dev/entry4.png" alt="">
               </span>
               <p class="pro-text">审核完成，加入职站商城</p>
             </li>
@@ -51,9 +46,7 @@
             <el-step title="审核完成，加入云商店"></el-step>
           </el-steps> -->
 
-          <el-button class="apply"
-                     type="primary"
-                     @click="qrcodeVisible = true">申请</el-button>
+          <el-button class="apply" type="primary" @click="qrcodeVisible = true">申请</el-button>
         </div>
       </div>
     </div>
@@ -84,20 +77,17 @@
         <h6 class="i-title fadeInRight">产品供应商需要具备的条件</h6>
         <ul class="list">
           <li class="fadeInDown0">
-            <img src="@/assets/images/dev/con1.png"
-                 alt="">
+            <img src="@/assets/images/dev/con1.png" alt="">
             <h6>产品研发</h6>
             <p class="text">具备独立设计、开发教育产业数字化产品的能力</p>
           </li>
           <li class="fadeInDown1">
-            <img src="@/assets/images/dev/con2.png"
-                 alt="">
+            <img src="@/assets/images/dev/con2.png" alt="">
             <h6>产品运维 </h6>
             <p class="text">具备独立的产品运维支持的能力</p>
           </li>
           <li class="fadeInDown2">
-            <img src="@/assets/images/dev/con3.png"
-                 alt="">
+            <img src="@/assets/images/dev/con3.png" alt="">
             <h6>专业服务</h6>
             <p class="text">具备对产品内容专业支持的能力</p>
           </li>
@@ -110,24 +100,13 @@
     </div>
     <!-- 联系 -->
     <div class="contact">
-      <img class="love fadeInRight"
-           src="@/assets/images/love.png"
-           alt="">
-      <img class="contact-info fadeInLeft"
-           src="@/assets/images/contact-info.png"
-           alt="">
+      <img class="love fadeInRight" src="@/assets/images/love.png" alt="">
+      <img class="contact-info fadeInLeft" src="@/assets/images/contact-info.png" alt="">
     </div>
 
-    <el-dialog title=""
-               :visible.sync="qrcodeVisible"
-               width="400px"
-               center
-               :top="qrcodeTop"
-               custom-class="qrcode-dia">
+    <el-dialog title="" :visible.sync="qrcodeVisible" width="400px" center :top="qrcodeTop" custom-class="qrcode-dia">
       <div>
-        <img width="100%"
-             src="@/assets/images/qywechat.png"
-             alt="">
+        <img width="100%" src="@/assets/images/qywechat.png" alt="">
       </div>
     </el-dialog>
   </div>
@@ -237,12 +216,14 @@ export default {
 .wrap {
   position: relative;
   background-color: #fff;
+
   .banner {
     position: relative;
     height: 350px;
     padding: 70px 0 0 180px;
     background: url(../../assets/images/dev/banner2.png) (90% 32px) / auto no-repeat,
       url(../../assets/images/dev/banner1.png) 0 0/100% 100% no-repeat;
+
     .dev {
       position: absolute;
       bottom: 120px;
@@ -251,15 +232,18 @@ export default {
       transform: translateX(-50%);
       text-align: center;
     }
+
     h6 {
       margin-bottom: 30px;
       font-size: 2.2rem;
     }
+
     .text {
       font-size: 1rem;
       line-height: 30px;
     }
   }
+
   .i-title {
     position: relative;
     margin-bottom: 37px;
@@ -267,26 +251,32 @@ export default {
     text-align: center;
     color: #0b1d30;
   }
+
   .inner {
     width: 1200px;
     padding: 67px 0;
     margin: 0 auto;
     overflow: hidden;
   }
+
   .entry {
     margin-top: 30px;
     text-align: center;
+
     .apply {
       margin-top: 20px;
     }
   }
+
   .progress {
     display: flex;
     justify-content: center;
     align-items: center;
+
     li {
       position: relative;
       margin-right: 100px;
+
       &:before {
         content: '';
         z-index: 2;
@@ -299,6 +289,7 @@ export default {
         border: 1px solid #ff5d5d;
         border-radius: 50%;
       }
+
       &:after {
         content: '';
         position: absolute;
@@ -308,15 +299,18 @@ export default {
         height: 2px;
         background-color: #e9e9e9;
       }
+
       &:last-child {
         &:before {
           left: 48%;
         }
+
         &:after {
           width: 181px;
         }
       }
     }
+
     .icon {
       display: inline-flex;
       justify-content: center;
@@ -325,83 +319,102 @@ export default {
       background-color: #ff5d5d;
       border-radius: 50%;
     }
+
     .pro-text {
       margin-top: 30px;
       font-size: 14px;
     }
   }
+
   .about {
     position: relative;
     margin: -60px 0 20px;
+
     .inner {
       padding: 40px;
       background-color: #fff;
       border-radius: 8px;
       box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
     }
+
     h6 {
       margin-bottom: 20px;
       font-size: 24px;
       color: #0b1d30;
     }
+
     .text {
       font-size: 16px;
       line-height: 1.8;
       color: #0b1d30;
     }
   }
+
   .sup {
     background: linear-gradient(180deg, #ffffff 0%, #f1f6fe 100%);
+
     .list {
       display: flex;
       justify-content: space-between;
+
       li {
         width: 33%;
         padding: 140px 50px 50px;
         background: url(../../assets/images/dev/sup1.png) 0 0/100% 100% no-repeat;
+
         &:nth-child(2) {
           background-image: url(../../assets/images/dev/sup2.png);
         }
+
         &:last-child {
           margin-right: 0;
           background-image: url(../../assets/images/dev/sup3.png);
         }
       }
+
       h6 {
         margin: 15px 0 10px;
         font-size: 18px;
         color: #0b1d30;
       }
+
       .text {
         font-size: 14px;
         color: #757f92;
       }
     }
   }
+
   .con {
     background: url(../../assets/images/dev/con-bg.png) 0 0/100% 100% no-repeat;
+
     .list {
       display: flex;
       flex: 1;
+
       li {
         padding-bottom: 40px;
         margin-right: 24px;
         background-color: #fff;
         border-radius: 10px;
         box-shadow: 0px 5px 20px 0px rgba(98, 117, 163, 0.08);
+
         &:last-child {
           margin-right: 0;
         }
       }
+
       img {
         width: 100%;
         object-fit: cover;
       }
+
       h6 {
         margin: 15px 24px 10px;
         font-size: 18px;
         color: #0b1d30;
       }
+
       .text {
         margin: 0 24px;
         font-size: 14px;
@@ -409,15 +422,18 @@ export default {
       }
     }
   }
+
   .profit {
     margin-bottom: 70px;
     text-align: center;
     font-size: 30px;
+
     .item1 {
       line-height: 250px;
       color: #fff;
       background: url(../../assets/images/dev/profit-bg1.png) 0 0/100% 100% no-repeat;
     }
+
     .item2 {
       display: flex;
       justify-content: center;
@@ -430,6 +446,7 @@ export default {
       background: url(../../assets/images/dev/profit-bg2.png) 0 0/100% 100% no-repeat;
     }
   }
+
   .contact {
     position: relative;
     display: flex;
@@ -437,10 +454,12 @@ export default {
     align-items: center;
     height: 250px;
     background: url(../../assets/images/contact-bg.png) 0 0/100% 100% no-repeat;
+
     .contact-info {
       max-width: 100%;
       object-fit: cover;
     }
+
     .love {
       position: absolute;
       top: -45px;
@@ -448,31 +467,39 @@ export default {
     }
   }
 }
+
 /deep/.qrcode-dia {
   background-color: transparent;
   box-shadow: none;
+
   .el-dialog__header,
   .el-dialog__body {
     padding: 0;
     background-color: transparent;
   }
+
   .el-dialog__headerbtn .el-dialog__close {
     color: #fff;
   }
 }
+
 @media (max-width: 1200px) {
   .wrap {
     .banner {
       padding-left: 50px;
     }
+
     .inner {
       width: 90%;
     }
+
     .profit {
       font-size: 24px;
+
       .item1 {
         background-size: cover;
       }
+
       .item2 {
         width: 90%;
         background-size: cover;
@@ -480,33 +507,40 @@ export default {
     }
   }
 }
+
 @media (max-width: 1000px) {
   .wrap {
     .progress {
       flex-direction: column;
       align-items: flex-start;
       padding-left: 34%;
+
       li {
         margin: 0 0 100px 0;
+
         &:before {
           top: 15px;
           left: 58px;
         }
+
         &:after {
           top: 14px;
           left: 61px;
           width: 2px !important;
           height: 158px;
         }
+
         &:last-child {
           &:before {
             left: 58px;
           }
+
           &:after {
             height: 0;
           }
         }
       }
+
       .pro-text {
         position: absolute;
         top: 12px;
@@ -515,18 +549,22 @@ export default {
         white-space: nowrap;
       }
     }
+
     .sup {
       .list {
         flex-direction: column;
+
         li {
           width: 100%;
           padding: 140px 80px 50px;
         }
       }
     }
+
     .con {
       .list {
         flex-direction: column;
+
         li {
           margin-bottom: 20px;
         }
@@ -534,6 +572,7 @@ export default {
     }
   }
 }
+
 @media (max-width: 600px) {
   .wrap {
     .banner {
@@ -542,15 +581,18 @@ export default {
       align-items: center;
       padding: 5rem 0 0 0;
       color: #064791;
+
       h6,
       .text {
         margin-bottom: 10px;
       }
+
       .dev {
         position: static;
         transform: translateX(0);
       }
     }
+
     .progress {
       padding-left: 0;
     }