首页目录创建
This commit is contained in:
chenxiaoxi
+1
-20
@@ -6,23 +6,10 @@
|
|||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
|
||||||
<title><%= VUE_APP_TITLE %></title>
|
<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" />
|
<link rel="stylesheet" href="<%= BASE_URL %>static/css/loading.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<div id="foton">
|
||||||
非常抱歉鉴于安全考量,您无法查看<%= VUE_APP_TITLE %>
|
|
||||||
源代码，该系统基于vue-admin-beautiful开发
|
|
||||||
</noscript>
|
|
||||||
<div id="vue-admin-beautiful">
|
|
||||||
<div class="first-loading-wrp">
|
<div class="first-loading-wrp">
|
||||||
<div class="loading-wrp">
|
<div class="loading-wrp">
|
||||||
<span class="dot dot-spin">
|
<span class="dot dot-spin">
|
||||||
@@ -35,12 +22,6 @@
|
|||||||
<h1><%= VUE_APP_TITLE %></h1>
|
<h1><%= VUE_APP_TITLE %></h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
|
||||||
;/^http(s*):\/\//.test(location.href) ||
|
|
||||||
alert(
|
|
||||||
'基于vue-admin-beautiful-pro开源版开发的项目需要部署到服务器下访问'
|
|
||||||
)
|
|
||||||
</script>
|
|
||||||
<script>
|
<script>
|
||||||
if (window.location.hostname !== 'localhost') {
|
if (window.location.hostname !== 'localhost') {
|
||||||
var _hmt = _hmt || []
|
var _hmt = _hmt || []
|
||||||
|
|||||||
+1
-1
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="vue-admin-beautiful">
|
<div id="foton">
|
||||||
<router-view />
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -67,6 +67,6 @@ const setting = {
|
|||||||
//代码生成机生成在view下的文件夹名称
|
//代码生成机生成在view下的文件夹名称
|
||||||
templateFolder: 'project',
|
templateFolder: 'project',
|
||||||
//是否显示终端donation打印
|
//是否显示终端donation打印
|
||||||
donation: true,
|
donation: false,
|
||||||
}
|
}
|
||||||
module.exports = setting
|
module.exports = setting
|
||||||
|
|||||||
+1
-1
@@ -7,7 +7,7 @@ import '@/layouts/export'
|
|||||||
Vue.config.productionTip = false
|
Vue.config.productionTip = false
|
||||||
|
|
||||||
new Vue({
|
new Vue({
|
||||||
el: '#vue-admin-beautiful',
|
el: '#foton',
|
||||||
router,
|
router,
|
||||||
store,
|
store,
|
||||||
render: (h) => h(App),
|
render: (h) => h(App),
|
||||||
|
|||||||
+11
-1
@@ -6,6 +6,7 @@
|
|||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import VueRouter from 'vue-router'
|
import VueRouter from 'vue-router'
|
||||||
import Layout from '@/layouts'
|
import Layout from '@/layouts'
|
||||||
|
import Home from '@/views/home'
|
||||||
import EmptyLayout from '@/layouts/EmptyLayout'
|
import EmptyLayout from '@/layouts/EmptyLayout'
|
||||||
import { publicPath, routerMode } from '@/config'
|
import { publicPath, routerMode } from '@/config'
|
||||||
|
|
||||||
@@ -38,6 +39,15 @@ export const constantRoutes = [
|
|||||||
export const asyncRoutes = [
|
export const asyncRoutes = [
|
||||||
{
|
{
|
||||||
path: '/',
|
path: '/',
|
||||||
|
component: Home,
|
||||||
|
meta: {
|
||||||
|
title: '首页',
|
||||||
|
icon: 'home',
|
||||||
|
affix: true,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: '/index',
|
||||||
component: Layout,
|
component: Layout,
|
||||||
redirect: 'index',
|
redirect: 'index',
|
||||||
children: [
|
children: [
|
||||||
@@ -46,7 +56,7 @@ export const asyncRoutes = [
|
|||||||
name: 'Index',
|
name: 'Index',
|
||||||
component: () => import('@/views/index/index'),
|
component: () => import('@/views/index/index'),
|
||||||
meta: {
|
meta: {
|
||||||
title: '首页',
|
title: '主页',
|
||||||
icon: 'home',
|
icon: 'home',
|
||||||
affix: true,
|
affix: true,
|
||||||
},
|
},
|
||||||
|
|||||||
Vendored
+7
@@ -351,3 +351,10 @@ template {
|
|||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
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;
|
$base-transition-time: 0.3s;
|
||||||
|
|
||||||
|
/* 福田开始 20210507 */
|
||||||
|
$primary-bg-color: #10124B;
|
||||||
|
$primary-border-color: #042579;
|
||||||
|
$primary-button-color: #004ED0;
|
||||||
|
|
||||||
:export {
|
:export {
|
||||||
//菜单文字颜色变量导出
|
//菜单文字颜色变量导出
|
||||||
menu-color: $base-menu-color;
|
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>
|
||||||
Reference in New Issue
Block a user