页面修改

src/components/footer/footer.vue

@@ -14,7 +14,7 @@
       <span @click="jumpPage()">联系我们</span>
     </div>
     <div class="copyright">
-      CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
+      CopyRight © 2023 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
     </div>
     <!-- </div> -->
   </div>

src/components/footer/footerType2.vue

@@ -13,7 +13,7 @@
       <span @click="jumpPage()">联系我们</span>
     </div>
     <div class="copyright">
-      CopyRight © 2021 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
+      CopyRight © 2023 甲鹤教育集团. All Rights Reserved 蜀ICP备2021008812号
     </div>
     <div class="ewm_icon_box">
       <q-img

src/pages/studyServe/studyServe.vue

@@ -9,17 +9,14 @@
       <div class="title">留学产品</div>
       <div class="subTitle"></div>
       <div v-for="(item, index) in studyProductList" :key="index">
-        <div
-          class="studyProductBox"
-          v-if="index % 2 == 0"
-          @click="seeMore('/studyServeDetail')"
-        >
+        <div class="studyProductBox" v-if="index % 2 == 0" @click="seeMore('/studyServeDetail')">
           <div class="left">
             <div class="name">{{ item.Name }}</div>
             <div class="line"></div>
-            <div class="desc">{{ item.Remark }}</div>
+            <div class="desc" v-html="item.Remark"></div>
           </div>
           <div class="right">
+            <template v-if="item.ImgCover&&item.ImgCover!=''">
               <q-img :src="item.ImgCover" class="right" alt="">
                 <template v-slot:loading>
                   <div class="text-yellow">
@@ -28,14 +25,22 @@
                   </div>
                 </template>
               </q-img>
+            </template>
+            <template v-else>
+              <q-img src="../../assets/images/banner.png" class="right" alt="">
+                <template v-slot:loading>
+                  <div class="text-yellow">
+                    <q-spinner-ios />
+                    <div class="q-mt-md">Loading...</div>
+                  </div>
+                </template>
+              </q-img>
+            </template>
           </div>
         </div>
-        <div
-          class="studyProductBox"
-          v-if="index % 2 != 0"
-          @click="seeMore('/studyServeDetail')"
-        >
+        <div class="studyProductBox" v-if="index % 2 != 0" @click="seeMore('/studyServeDetail')">
           <div class="right">
+            <template v-if="item.ImgCover&&item.ImgCover!=''">
               <q-img :src="item.ImgCover" class="right" alt="">
                 <template v-slot:loading>
                   <div class="text-yellow">
@@ -44,11 +49,22 @@
                   </div>
                 </template>
               </q-img>
+            </template>
+            <template v-else>
+              <q-img src="../../assets/images/banner.png" class="right" alt="">
+                <template v-slot:loading>
+                  <div class="text-yellow">
+                    <q-spinner-ios />
+                    <div class="q-mt-md">Loading...</div>
+                  </div>
+                </template>
+              </q-img>
+            </template>
           </div>
           <div class="left">
             <div class="name">{{ item.Name }}</div>
             <div class="line"></div>
-            <div class="desc">{{ item.Remark }}</div>
+            <div class="desc" v-html="item.Remark"> </div>
           </div>
         </div>
       </div>
@@ -61,15 +77,21 @@
   </div>
 </template>
 <script>
-import Header from "../../components/header/header";
-import Banner from "../../components/banner/banner";
-import TeacherTeam from "../../components/teacherTeam/teacherTeam";
-import Footer from "../../components/footer/footerType2";
-import { getWebNavList } from "../../api/indexApi.js";
-import { getStudyAbroadList } from "../../api/studyServeApi.js";
-import { getWebTeacherList } from "../../api/JapaneseTrainApi";
-import NoData from "../../components/noData/noData";
-export default {
+  import Header from "../../components/header/header";
+  import Banner from "../../components/banner/banner";
+  import TeacherTeam from "../../components/teacherTeam/teacherTeam";
+  import Footer from "../../components/footer/footerType2";
+  import {
+    getWebNavList
+  } from "../../api/indexApi.js";
+  import {
+    getStudyAbroadList
+  } from "../../api/studyServeApi.js";
+  import {
+    getWebTeacherList
+  } from "../../api/JapaneseTrainApi";
+  import NoData from "../../components/noData/noData";
+  export default {
     components: {
       Banner,
       Header,
@@ -79,14 +101,18 @@ export default {
     },
     data() {
       return {
-      menuList: [
-        {},
+        menuList: [{},
           {},
           {
             Name: "",
           },
         ],
-      swiperData: [{ BgImg: "", NavTitle: "", SubTitle: "", LinkUrl: "" }],
+        swiperData: [{
+          BgImg: "",
+          NavTitle: "",
+          SubTitle: "",
+          LinkUrl: ""
+        }],
         studyProductList: [],
         teacherList: [],
       };
@@ -120,16 +146,18 @@ export default {
       this.getStudyAbroadList();
       this.getTeacherList();
     },
-};
+  };
+
 </script>
 <style lang="scss" scoped>
-.jiahe {
+  .jiahe {
     background-color: #f6f6f6;
-}
+  }
 
-.studyProduct {
+  .studyProduct {
     width: 62.5vw;
     margin: 0 auto;
+
     .title {
       font-size: 1.5625vw;
       // font-family: Microsoft YaHei;
@@ -141,6 +169,7 @@ export default {
       margin-top: 5.208vw;
       margin-bottom: 1.041vw;
     }
+
     .subTitle {
       text-align: center;
       font-size: 0.833vw;
@@ -150,26 +179,31 @@ export default {
       line-height: 1.5625vw;
       margin-bottom: 2.833vw;
     }
+
     .studyProductBox {
       display: flex;
       justify-content: space-between;
       height: 27.395vw;
       margin-bottom: 5.208vw;
+
       .left {
         width: 18.125vw;
         height: 100%;
+
         .name {
           font-size: 1.25vw;
           font-family: "pingfang-b" !important;
           color: #111111;
           line-height: 1.5625vw;
         }
+
         .line {
           width: 5.208vw;
           height: 1px;
           background-color: #45766d;
           margin: 1.5625vw 0;
         }
+
         .desc {
           width: 100%;
           max-height: 20.104vw;
@@ -179,11 +213,13 @@ export default {
           line-height: 1.875vw;
         }
       }
+
       .right {
         width: 41.145vw;
         height: 100%;
         background-color: #333;
       }
     }
-}
+  }
+
 </style>