添加 Vip 页面和路由

src/router/index.js

@@ -1,6 +1,5 @@
 import VueRouter from 'vue-router'
 import Vue from 'vue'
-import EditVideo from "@/components/upload/EditVideo";
 
 // 懒加载引入页面组件，es6语法
 const Home = () => import('views/home/Index')
@@ -42,6 +41,7 @@ const MessageIndex = () => import('views/message/Message')
 const DiscoverIndex = () => import('views/home/Discover')
 const BdMap = () => import('views/home/BdMap')
 const AMap = () => import('views/home/AMap')
+const Vip = () => import('views/vip/Vip')
 
 const Admin = () => import('views/admin/AdminUser')
 const AdminUser = () => import('views/admin/AdminUser')
@@ -300,6 +300,11 @@ const routes = [
     name: 'AMap',
     component: AMap
   },
+  {
+    path: '/vip',
+    name: 'Vip',
+    component: Vip
+  },
   {
     path: '/admin',
     name: 'Admin',

src/views/vip/Vip.vue

@@ -0,0 +1,60 @@
+<template>
+  <div>
+    <el-row class="not-result">
+      <el-col :span="12" :offset="6">
+        <img src="@/assets/img/icon/not-collection.png">
+        <div>VIP 功能正在施工中</div>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Vip',
+  components: {},
+  data() {
+    return {
+      // 屏幕宽度, 为了控制分页条的大小
+      screenWidth: document.body.clientWidth,
+      currentPage: 1,
+    }
+  },
+  created() {
+  },
+  mounted() {
+    // 当窗口宽度改变时获取屏幕宽度
+    window.onresize = () => {
+      return () => {
+        window.screenWidth = document.body.clientWidth
+        this.screenWidth = window.screenWidth
+      }
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style scoped>
+/*处于手机屏幕时*/
+@media screen and (max-width: 768px){
+  #movie-list {
+    padding-top: 8px;
+    padding-left: 0.5%;
+    padding-right: 0.5%;
+  }
+}
+
+#movie-list {
+  padding-top: 15px;
+  padding-left: 6%;
+  padding-right: 6%;
+}
+
+.not-result {
+  padding-top: 100px;
+  padding-bottom: 100px;
+  text-align: center;
+}
+</style>