Home Explore Help
Register Sign In
usoft
/
mall-web-ssr
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

ie10以下提示

yangc 7 years ago
parent
1f22f4ff40
commit
76103466d6
5 changed files with 55 additions and 7 deletions
Split View Show Diff Stats
  1. 15 4
      app.html
  2. 34 0
      assets/scss/common.scss
  3. 1 1
      components/home/Carousel.vue
  4. 1 1
      components/provider/Carousel.vue
  5. 4 1
      nuxt.config.js

+ 15 - 4
app.html
View File 

@@ -76,12 +76,23 @@
 
 */
 
     })(window, document)
 
   </script>
 
-  <script type="text/javascript">
 
-  </script>
 
 </head>
 
 
 <body {{ BODY_ATTRS }}>
 
+  <div id="result" class="com-result" style="display: none">
 
+    <span class="text">
 
+      <em>*</em>您的浏览器版本过低，部分功能可能无法正常使用，请下载IE10及以上版本</span>
 
+    <a class="close-tip" onclick="resultClose()">&times;</a>
 
+  </div>
 
   {{ APP }}
 
 </body>
 
-
 
-</html>
 
+<script>
 
+  if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<10){
 
+    var el = document.getElementById('result')
 
+    function resultClose () {
 
+      el.setAttribute('style', 'display:none;')
 
+    }
 
+    el.setAttribute('style', 'display:block;')
 
+  }
 
+</script>
 
+</html>

+ 34 - 0
assets/scss/common.scss
View File 

@@ -692,3 +692,37 @@ img.new-animate{
 
   top: -7px;
 
   animation: newAnimate 1s infinite;
 
 }
 
+
 
+/*提示横条*/
 
+.com-result{
 
+  position: relative;
 
+  height: 30px;
 
+  width: 100%;
 
+  line-height: 30px;
 
+  text-align: center;
 
+  background: #fef6f2;
 
+  border: 1px solid #ec854d;
 
+  overflow: hidden ;
 
+}
 
+.com-result .text{
 
+  width: 100%;
 
+  text-align: center;
 
+  font-size: 14px;
 
+  color: #f15601;
 
+}
 
+.com-result .text em{
 
+  margin-right: 3px;
 
+  font-style: normal;
 
+}
 
+.com-result .text a {
 
+  color: #5078cb;
 
+}
 
+.com-result .close-tip{
 
+  position: absolute;
 
+  right: 0;
 
+  padding-right: 10px;
 
+  font-size: 20px;
 
+  font-weight: bold;
 
+  color: #ef1d1d;
 
+  line-height: 28px;
 
+}

+ 1 - 1
components/home/Carousel.vue
View File 

@@ -37,7 +37,7 @@
 
           autoplayDisableOnInteraction: false,
 
           paginationClickable: true,
 
           mousewheelControl: false,
 
-          effect: 'silde',
 
+          effect: 'fade',
 
           lazyLoading: true,
 
           loop: true,
 
           prevButton: '.swiper-button-prev',

+ 1 - 1
components/provider/Carousel.vue
View File 

@@ -24,7 +24,7 @@
 
           autoplay: 5000,
 
           initialSlide: 0,
 
           loop: true,
 
-          effect: 'slide',
 
+          effect: 'fade',
 
           lazyLoading: true,
 
           // 解决点击分页器后图片就不能轮播的问题
 
           autoplayDisableOnInteraction: false,

+ 4 - 1
nuxt.config.js
View File 

@@ -169,6 +169,9 @@ module.exports = {
 
     '/commodity-service/**': baseUrl,
 
     '/background/**': baseUrl,
 
     '/goods/**': baseUrl,
 
-    '/productuser/**': materialUrl
 
+    // 公共物料匹配类目
 
+    '/productuser/**': materialUrl,
 
+    // 权限管理
 
+    '/account/**': baseUrl
 
   }
 
 }