首页目录创建

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="vue-admin-beautiful">
+  <div id="foton">
     <router-view />
   </div>
 </template>

src/config/setting.config.js

@@ -67,6 +67,6 @@ const setting = {
   //代码生成机生成在view下的文件夹名称
   templateFolder: 'project',
   //是否显示终端donation打印
-  donation: true,
+  donation: false,
 }
 module.exports = setting

src/main.js

@@ -7,7 +7,7 @@ import '@/layouts/export'
 Vue.config.productionTip = false
 
 new Vue({
-  el: '#vue-admin-beautiful',
+  el: '#foton',
   router,
   store,
   render: (h) => h(App),

src/router/index.js

@@ -6,6 +6,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Layout from '@/layouts'
+import Home from '@/views/home'
 import EmptyLayout from '@/layouts/EmptyLayout'
 import { publicPath, routerMode } from '@/config'
 
@@ -38,6 +39,15 @@ export const constantRoutes = [
 export const asyncRoutes = [
   {
     path: '/',
+    component: Home,
+    meta: {
+      title: '首页',
+      icon: 'home',
+      affix: true,
+    },
+  },
+  {
+    path: '/index',
     component: Layout,
     redirect: 'index',
     children: [
@@ -46,7 +56,7 @@ export const asyncRoutes = [
         name: 'Index',
         component: () => import('@/views/index/index'),
         meta: {
-          title: '首页',
+          title: '主页',
           icon: 'home',
           affix: true,
         },

src/styles/normalize.scss

@@ -351,3 +351,10 @@ template {
 [hidden] {
   display: none;
 }
+
+/* 福田开始 20210507 */
+#foton {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+}

src/styles/variables.scss

@@ -73,6 +73,11 @@ $base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s,
 //默认动画长
 $base-transition-time: 0.3s;
 
+/* 福田开始 20210507 */
+$primary-bg-color: #10124B;
+$primary-border-color: #042579;
+$primary-button-color: #004ED0;
+
 :export {
   //菜单文字颜色变量导出
   menu-color: $base-menu-color;

src/views/home/index.vue

@@ -0,0 +1,27 @@
+<!-- 首页 -->
+<template>
+  <div class="home">首页首页首页首页</div>
+</template>
+
+<script>
+  export default {
+    name: 'Home',
+    components: {},
+    mixins: [],
+    data() {
+      return {}
+    },
+    computed: {},
+    watch: {},
+    mounted() {},
+    methods: {},
+  }
+</script>
+
+<style lang="scss" scoped>
+  .home {
+    width: 100%;
+    height: 100%;
+    background: $primary-bg-color;
+  }
+</style>