v1.3.9信息中心优化

src/main/resources/static/css/article/error.css

@@ -2,10 +2,11 @@ body{background:#f6f6f6;position:relative}
 
 @media screen and (min-width:768px){
 body{min-width:1184px}
-    #errorContent{width:1200px !important;min-height:380px !important;height:auto !important;overflow:hidden;border:none;margin:auto;padding:100px 0 0;}
+    #errorContent{width:1200px !important;min-height:380px !important;height:auto !important;overflow:hidden;border:none;margin:auto;padding:100px 0 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
     #errorContent p{color:#666666;font-size:20px;padding:30px 0}
     #errorContent p span{color: #FF5B00;}
     #errorContent a{width:190px;height:44px;text-align:center;background:#FF5B00;color:#fff;display:inline-block;line-height:44px;border-radius:2px}
+    #errorContent img {width: 380px;height:160px;}
     .recommend{ position: relative; width:1200px; margin: 0 auto; padding: 20px 0 66px;}
     .recommend .title{font-size: 16px; color: #4A4F58; text-align: left; margin-bottom: 24px; font-weight: bold;}
     .recommend .list{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
@@ -21,7 +22,7 @@ body{min-width:1184px}
     .recommend .page span:hover{background-color: #FF5B00; }
 }
 @media screen and (max-width:768px){
-    #errorContent{width:100% !important;overflow:hidden;border:none;padding-top:23.7vw;display: flex;align-items: center;flex-direction: column;justify-content: space-between;height: 70vw;}
+    #errorContent{width:100% !important;overflow:hidden;border:none;padding-top:23.7vw;display: flex;align-items: center;flex-direction: column;justify-content: space-between;}
     #errorContent img{width:53.7vw;height:23.2vw}
     #errorContent p{font-size:3.4vw;color:#666666;padding:7.8vw 7.8vw 5vw}
     #errorContent p span{color: #FF5B00;}

src/main/resources/static/js/article/error.js

@@ -9,11 +9,11 @@ var errorPage = new Vue({
     el: '#errorPage',
     data: {
         recommend: [],
-        countdown: 2,
+        countdown: 3,
         timer: null
     },
     mounted: function () {
-        // this.onRedirect();
+        this.onRedirect();
         this.init()
     },
     methods: {
@@ -43,14 +43,14 @@ var errorPage = new Vue({
             });
         },
         // 重定向
-        // onRedirect: function(){
-        //     var self = this;
-        //     this.timer = setInterval(function () {
-        //         if(--self.countdown <= 0){
-        //             clearInterval(self.timer);
-        //             window.location.href = '/info/center-3-1.html'
-        //         }
-        //     }, 1000);
-        // },
+        onRedirect: function(){
+            var self = this;
+            this.timer = setInterval(function () {
+                if(--self.countdown <= 0){
+                    clearInterval(self.timer);
+                    window.location.href = '/info/center-3-1.html'
+                }
+            }, 1000);
+        },
     }
 });

src/main/resources/templates/article/error.html

@@ -21,7 +21,7 @@
   <!--    <iframe id="errorContent" src="/search_children.html"></iframe>-->
   <div id="errorContent">
     <img src="/img/base/404.png">
-<!--    <p>您访问的页面不存在，<span v-text="countdown"></span>秒后将自动返回首页</p>-->
+    <p>您访问的页面不存在，<span v-text="countdown"></span>秒后将自动返回首页</p>
     <a href="/info/center-3-1.html">返回首页</a>
   </div>
 
@@ -47,7 +47,7 @@
 <script charset="utf-8" type="text/javascript" src="/lib/datapicker/moment-2.29.min.js"></script>
 <script charset="utf-8" type="text/javascript" src="/lib/datapicker/jquery.daterangepicker.js"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/lib/element-ui/element-ui.min.js}"></script>
-<script src="https://unpkg.com/vant@2.12/lib/vant.min.js"></script>
+<script type="text/javascript" src="/lib/element-ui/vant.min.js"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/ajax.service.js}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>