首页目录创建

2021-05-07 13:47:40 +08:00
parent 312057f04d
commit 12fcbb0fbd
8 changed files with 54 additions and 24 deletions
@@ -6,23 +6,10 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title><%= VUE_APP_TITLE %></title>
-    <meta
-      name="keywords"
-      content="vab,vab官网,后台管理框架,vue后台管理框架,vue-admin-beautiful-pro源码分享,vue-admin-beautiful-pro源码,vue-admin-beautiful官网,vue-admin-beautiful文档,vue-element-admin,vue-element-admin官网,vue-element-admin文档,vue-admin,vue-admin官网,vue-admin文档"
-    />
-    <meta
-      name="description"
-      content="<%= VUE_APP_TITLE %>官网与文档基于vue-admin-beautiful构建，简称vab（是一款超棒的vue+element中后台前端快速开发框架），QQ群972435319，作者：<%= VUE_APP_AUTHOR %>"
-    />
-    <meta name="author" content="<%= VUE_APP_AUTHOR %>" />
    <link rel="stylesheet" href="<%= BASE_URL %>static/css/loading.css" />
  </head>
  <body>
-    <noscript>
-      非常抱歉鉴于安全考量,您无法查看<%= VUE_APP_TITLE %>
-      源代码，该系统基于vue-admin-beautiful开发
-    </noscript>
-    <div id="vue-admin-beautiful">
+    <div id="foton">
      <div class="first-loading-wrp">
        <div class="loading-wrp">
          <span class="dot dot-spin">
@@ -35,12 +22,6 @@
        <h1><%= VUE_APP_TITLE %></h1>
      </div>
    </div>
-    <script>
-      ;/^http(s*):\/\//.test(location.href) ||
-        alert(
-          '基于vue-admin-beautiful-pro开源版开发的项目需要部署到服务器下访问'
-        )
-    </script>
    <script>
      if (window.location.hostname !== 'localhost') {
        var _hmt = _hmt || []
@@ -1,5 +1,5 @@
 <template>
-  <div id="vue-admin-beautiful">
+  <div id="foton">
    <router-view />
  </div>
 </template>
@@ -67,6 +67,6 @@ const setting = {
  //代码生成机生成在view下的文件夹名称
  templateFolder: 'project',
  //是否显示终端donation打印
-  donation: true,
+  donation: false,
 }
 module.exports = setting
@@ -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),
@@ -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,
        },
@@ -351,3 +351,10 @@ template {
 [hidden] {
  display: none;
 }
+
+/* 福田开始 20210507 */
+#foton {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+}
@@ -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;
@@ -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>