动画优化

图片使用缓存等

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

@@ -2,7 +2,7 @@
   <div class="card-1-wrapper">
     <Logo></Logo>
     <div class="bgi-wrapper">
-      <img src="~@/images/annual/page-1-back.png" alt />
+      <img src="https://file.yunqueyi.com/h5/images/asimg/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="~@/images/annual/page-2-back.png" alt />
+      <img src="https://file.yunqueyi.com/h5/images/asimg/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="~@/images/annual/page-3-back.png" alt="" /></div>
+    <div class="bgi-wrapper"><img src="https://file.yunqueyi.com/h5/images/asimg/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("../../images/annual/page-4-back.png") no-repeat center
+    background: url("https://file.yunqueyi.com/h5/images/asimg/page-4-back.png") no-repeat center
       center;
     background-size: cover;
     color: #ffffff;
   }
 
   &.zqc {
-    background: url("../../images/annual/page-5-back.png") no-repeat center
+    background: url("https://file.yunqueyi.com/h5/images/asimg/page-5-back.png") no-repeat center
       center;
     background-size: cover;
     color: #134a5d;
   }
 
   &.no {
-    background: url("../../images/annual/page-6-back.png") no-repeat center
+    background: url("https://file.yunqueyi.com/h5/images/asimg/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="~@/images/annual/yqd-back.png" alt="" />
-      <img v-show="type == 2" src="~@/images/annual/no-yqd-back.png" alt="" />
+      <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="" />
     </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

@@ -2,11 +2,8 @@
   <div class="card-6-wrapper">
     <Logo imgType="2"></Logo>
     <div class="bgi-wrapper">
-      <img class=" bg"
-      swiper-animate-effect="fadeInUp"
-      swiper-animate-duration="1.5s"
-      swiper-animate-delay="0"
-      src="~@/images/annual/env-back.png" alt />
+      <img class="bg"
+      src="https://file.yunqueyi.com/h5/images/asimg/env-back.png" alt />
     </div>
     <section
       class="ani detail"
@@ -138,7 +135,7 @@ export default {
     color: #333;
     padding: 5px 10px 100px;
     margin: 0px 20px;
-    background: white;
+    background: #F7F2EB;
     .title {
       font-size: 18px;
       font-weight: 700;

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="~@/images/annual/index-back.png" alt />
+      <img src="https://file.yunqueyi.com/h5/images/asimg/index-back.png" alt />
     </div>
     <div class="text-wrapper">
       <p class="fbig cw">2020年</p>