add shop loading back img

twomiya · May 31, 2017 · 315fe87 · 315fe87
1 parent 853e1da
commit 315fe87
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/images/shop_back_svg.svg b/src/images/shop_back_svg.svg
diff --git a/src/page/shop/shop.vue b/src/page/shop/shop.vue
@@ -306,6 +306,9 @@
             </span>
         </transition>
        <loading v-show="showLoading || loadRatings"></loading>
+       <section class="animation_opactiy shop_back_svg_container" v-if="showLoading">
+           <img src="../../images/shop_back_svg.svg">
+       </section>
        <transition name="router-slid" mode="out-in">
             <router-view></router-view>
         </transition>
@@ -726,6 +729,13 @@
        75%  { transform: scale(.9) }
        100% { transform: scale(1) }
     }
+    .shop_back_svg_container{
+        position: fixed;
+        @include wh(100%, 100%);
+        img{
+            @include wh(100%, 100%);
+        }
+    }
     .shop_container{
         display: flex;
         flex-direction: column;