loading 问题处理

assets/scss/mobileCommon.scss

@@ -327,9 +327,9 @@ html {
 //}
 
 /*loading优先级*/
-.loading {
+/*.loading {
   z-index: 100000 !important;
-}
+}*/
 
 .mobile-content {
   padding-top: .88rem !important;

components/common/loading/Loading.vue

@@ -1,5 +1,5 @@
 <template lang="html">
-  <div class="loading" v-show="loading" id="loading">
+  <div class="loading" :class="{'mobile': isMobile}" v-show="loading" id="loading">
     <!--<img src="/images/all/loading.gif" alt="">-->
     <div class="wrap">
       <div class="outer"></div>
@@ -21,7 +21,7 @@
     }
   }
 </script>
-<style scoped>
+<style scoped lang="scss">
   @keyframes spin {
     0%   { transform: rotate(360deg); }
     100% { transform: rotate(0deg); }
@@ -39,6 +39,9 @@
     height: 100%;
     z-index: 1000;
     text-align: center;
+    &.mobile {
+      z-index: 100000 !important;
+     }
   }
 
   .loading img {