代码优化

src/components/annual-summary/card-1.vue

@@ -2,7 +2,7 @@
   <div class="card-1-wrapper">
     <Logo></Logo>
     <div class="bgi-wrapper">
-      <img src="https://file.yunqueyi.com/h5/images/asimg/page-1-back.png" alt />
+      <img src="~@/images/annual/page-1-back.png" alt />
     </div>
     <section class="detail">
       <p v-if="anualData.doctorName" class="title">

src/components/annual-summary/card-2.vue

@@ -2,7 +2,7 @@
   <div class="card-2-wrapper">
     <Logo></Logo>
     <div class="bgi-wrapper">
-      <img src="https://file.yunqueyi.com/h5/images/asimg/page-2-back.png" alt />
+      <img src="~@/images/annual/page-2-back.png" alt />
     </div>
     <section class="ani detail" swiper-animate-effect="fadeInRight"
         swiper-animate-duration="1.5s"

src/components/annual-summary/card-3.vue

 <template>
   <div class="card-3-wrapper">
     <Logo></Logo>
-    <div class="bgi-wrapper"><img src="https://file.yunqueyi.com/h5/images/asimg/page-3-back.png" alt="" /></div>
+    <div class="bgi-wrapper"><img src="~@/images/annual/page-3-back.png" alt="" /></div>
     <section class="ani detail" swiper-animate-effect="fadeInRight"
         swiper-animate-duration="1.5s"
         swiper-animate-delay="0">

src/components/annual-summary/card-4.vue

@@ -85,21 +85,21 @@ export default {
   color: #3b3b3b;
 
   &.ysl {
-    background: url("https://file.yunqueyi.com/h5/images/asimg/page-4-back.png") no-repeat center
+    background: url("~@/images/annual/page-4-back.png") no-repeat center
       center;
     background-size: cover;
     color: #ffffff;
   }
 
   &.zqc {
-    background: url("https://file.yunqueyi.com/h5/images/asimg/page-5-back.png") no-repeat center
+    background: url("~@/images/annual/page-5-back.png") no-repeat center
       center;
     background-size: cover;
     color: #134a5d;
   }
 
   &.no {
-    background: url("https://file.yunqueyi.com/h5/images/asimg/page-6-back.png") no-repeat center
+    background: url("~@/images/annual/page-6-back.png") no-repeat center
       center;
     background-size: cover;
     color: #ffffff;

src/components/annual-summary/card-5.vue

@@ -2,8 +2,8 @@
   <div class="card-5-wrapper">
     <Logo></Logo>
     <div class="bgi-wrapper">
-      <img v-show="type == 1" src="https://file.yunqueyi.com/h5/images/asimg/yqd-back.png" alt="" />
-      <img v-show="type == 2" src="https://file.yunqueyi.com/h5/images/asimg/no-yqd-back.png" alt="" />
+      <img v-show="type == 1" src="~@/images/annual/yqd-back.png" alt="" />
+      <img v-show="type == 2" src="~@/images/annual/no-yqd-back.png" alt="" />
     </div>
     <section v-show="type == 1" class="ani detail" swiper-animate-effect="fadeInRight"
         swiper-animate-duration="1.5s"

src/components/annual-summary/card-6.vue

@@ -3,7 +3,7 @@
     <Logo imgType="2"></Logo>
     <div class="bgi-wrapper">
       <img class="bg"
-      src="https://file.yunqueyi.com/h5/images/asimg/env-back.png" alt />
+      src="~@/images/annual/env-back.png" alt />
     </div>
     <section
       class="ani detail"

src/views/annual-summary/index.vue

@@ -2,7 +2,7 @@
   <div class="as-index-wrapper">
     <Logo imgType=2 backType=2></Logo>
     <div class="bgi-wrapper">
-      <img src="https://file.yunqueyi.com/h5/images/asimg/index-back.png" alt />
+      <img src="~@/images/annual/index-back.png" alt />
     </div>
     <div class="text-wrapper">
       <p class="fbig cw">2020年</p>