添加备案号链接

package-lock.json

@@ -2899,8 +2899,7 @@
       "version": "4.6.0",
       "resolved": "https://registry.npm.taobao.org/co/download/co-4.6.0.tgz",
       "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "coa": {
       "version": "2.0.2",
@@ -9861,8 +9860,7 @@
       "version": "4.0.8",
       "resolved": "https://registry.npm.taobao.org/rx-lite/download/rx-lite-4.0.8.tgz",
       "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
-      "dev": true,
-      "optional": true
+      "dev": true
     },
     "rx-lite-aggregates": {
       "version": "4.0.8",

src/components/footer.vue

@@ -21,8 +21,8 @@
                     </div>
                 </div>
             </div>
-            <div class="bottom">
-                <h4>Copyright @ 芝麻开花科技有限公司  保留所有权利  京ICP备13040720号-8</h4>
+            <div class="bottom">    <!-- 京ICP备13040720号-8 -->
+                <h4>Copyright @ 芝麻开花科技有限公司  保留所有权利  <span @click="goMIIT">陕ICP备18005195号</span></h4>
             </div>
         </div>
     </div>
@@ -41,7 +41,12 @@ export default {
             email:"123456789@163.com",
             address:"陕西省西安市曲江新区雁塔南路1201号金辉环球中心B座1209室"
         }
-    }
+    },
+   methods:{
+     goMIIT:function () {
+       window.open('http://www.beian.miit.gov.cn','_blank')
+     },
+   }
 }
 </script>
 
@@ -156,6 +161,10 @@ export default {
     font-size: 16px;
     color: #999999;
 }
+.footer .bottom h4 span {
+  color: cornflowerblue!important;
+  cursor: pointer;
+}
 @media screen and (max-width:900px){
     .footer .top div h4{
         font-size: 24px;

src/views/Home.vue

@@ -10,27 +10,39 @@
             <div class="bg" :class="{paddingMargin:activeFlag}">
               <p class="line"></p>
               <h6 v-bind:class="{titleMargin:activeFlag}">面对老板和客户</h6>
-              <ul v-show="activeFlag">
-                <li v-for="(box11Arr,index) in box11Arrs" :key="index">
-                  <p><span>· </span>{{box11Arr}}</p>
-                </li>
-              </ul>
+              <transition name="fade">
+                <ul v-show="activeFlag">
+                  <li v-for="(box11Arr,index) in box11Arrs" :key="index">
+                    <p><span>· </span>{{box11Arr}}</p>
+                  </li>
+                </ul>
+              </transition>
             </div>
-            <img src="./images/1@2x.png" alt="加载失败" v-if="!activeFlag">
-            <img src="./images/点击态1.png" alt="加载失败" v-else>
+            <transition name="fade">
+              <img src="./images/1@2x.png" alt="加载失败" v-if="!activeFlag">
+            </transition>
+            <transition name="fade">
+             <img src="./images/点击态1.png" alt="加载失败" v-if="activeFlag">
+            </transition>
           </div>
           <div class="second" @mouseover="mouseOverTeam" @mouseleave="mouseLeaveTeam" @touchstart="mouseOverTeam" @touchend="mouseLeaveTeam">
             <div class="bg" :class="{paddingMargin:activeTeamFlag}">
               <p class="line"></p>
               <h6 :class="{titleMargin:activeTeamFlag}">面对团队内部</h6>
+              <transition name="fade">
               <ul v-show="activeTeamFlag">
                 <li v-for="(box12Arr,index) in box12Arrs" :key="index">
                   <p><span>· </span>{{box12Arr}}</p>
                 </li>
               </ul>
+              </transition>
             </div>
-            <img src="./images/2@2x.png" alt="加载失败" v-if="!activeTeamFlag">
-            <img src="./images/点击状态1.png" alt="加载失败" v-else>
+            <transition name="fade">
+             <img src="./images/2@2x.png" alt="加载失败" v-if="!activeTeamFlag">
+            </transition>
+            <transition name="fade">
+             <img src="./images/点击状态1.png" alt="加载失败" v-if="activeTeamFlag">
+            </transition>
           </div>
         </div>
       </div>
@@ -439,7 +451,8 @@ h5{
   }
   #content .box1 .picture .first img:hover,
   #content .box1 .picture .second img:hover{
-    height: 200px!important
+    height: 200px!important;
+    transition: all 1s linear;
   }
   .bg{
     padding:40px 0!important
@@ -724,6 +737,13 @@ h5{
   justify-content: space-between;
   align-items: center;
 }
+
+.fade-enter,.fade-leave-to{
+  opacity:0;
+}
+.fade-enter-active,.fade-leave-active{
+  transition:opacity 1.5s;
+}
 </style>
 
 <script>