feats

package.json

@@ -11,7 +11,6 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "animate.css": "^4.1.1",
     "core-js": "^3.6.4",
     "lib-flexible": "^0.3.2",
     "lodash": "^4.17.15",

src/assets/css/mixin.scss

@@ -49,3 +49,18 @@
     transform: translateX(-30%);
   }
 }
+
+@keyframes downfade {
+  0% {
+    opacity: 0;
+    transform: translateY(0);
+  }
+  70% {
+    opacity: 1;
+    transform: translateY(20%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20%);
+  }
+}

src/config/env.development.js

@@ -1,6 +1,6 @@
 // 本地环境配置
 module.exports = {
-  title: 'vue-h5-template',
+  title: '云致科技',
   baseUrl: 'http://localhost:9018', // 项目地址
   baseApi: 'https://test.xxx.com/api', // 本地api请求地址,注意：如果你使用了代理，请设置成'/'
   APPID: 'xxx',

src/config/env.production.js

@@ -1,6 +1,6 @@
 // 正式
 module.exports = {
-  title: 'vue-h5-template',
+  title: '华侨城',
   baseUrl: 'https://www.xxx.com/', // 正式项目地址
   baseApi: 'https://www.xxx.com/api', // 正式api请求地址
   APPID: 'xxx',

src/config/env.staging.js

@@ -1,5 +1,5 @@
 module.exports = {
-  title: 'vue-h5-template',
+  title: '云致科技',
   baseUrl: 'https://test.xxx.com', // 测试项目地址
   baseApi: 'https://test.xxx.com/api', // 测试api请求地址
   APPID: 'xxx',

src/main.js

@@ -16,7 +16,6 @@ import { $cdn } from '@/config'
 Vue.prototype.$cdn = $cdn
 
 // 引入全局样式
-import 'animate.css'
 import 'swiper/swiper-bundle.css'
 import '@/assets/css/index.scss'
 // 移动端适配

src/router/index.js

@@ -27,4 +27,9 @@ export function resetRouter() {
   router.matcher = newRouter.matcher // reset router
 }
 
+router.beforeEach((to, from, next) => {
+  console.log(to)
+  next()
+})
+
 export default router

src/views/apartment.vue

@@ -137,9 +137,9 @@ export default {
     position: absolute;
     z-index: 500;
     right: 10px;
-    bottom: 20px;
+    bottom: -24px;
     width: 96px;
-    height: 78px;
+    height: 88px;
 
     img {
       width: 100%;

src/views/components/ApartmentNavi.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="flex-box">
-      <div class="flex-box-item">
+      <div class="flex-box-item down-sign">
         <img :src="require('@/assets/images/apartment/1-2.png')" style="height: 48px;" alt="">
       </div>
     </div>
@@ -59,4 +59,8 @@ export default {
     }
   }
 }
+
+.down-sign {
+  animation: downfade 2s infinite;
+}
 </style>