Turn offon
the light
+ '}),c.prototype=a.extend({},a.fn.tooltip.Constructor.prototype),c.prototype.constructor=c,c.prototype.getDefaults=function(){return c.DEFAULTS},c.prototype.setContent=function(){var a=this.tip(),b=this.getTitle(),c=this.getContent();a.find(".popover-title")[this.options.html?"html":"text"](b),a.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof c?"html":"append":"text"](c),a.removeClass("fade top bottom left right in"),a.find(".popover-title").html()||a.find(".popover-title").hide()},c.prototype.hasContent=function(){return this.getTitle()||this.getContent()},c.prototype.getContent=function(){var a=this.$element,b=this.options;return a.attr("data-content")||("function"==typeof b.content?b.content.call(a[0]):b.content)},c.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var d=a.fn.popover;a.fn.popover=b,a.fn.popover.Constructor=c,a.fn.popover.noConflict=function(){return a.fn.popover=d,this}}(jQuery),+function(a){"use strict";function b(c,d){this.$body=a(document.body),this.$scrollElement=a(a(c).is(document.body)?window:c),this.options=a.extend({},b.DEFAULTS,d),this.selector=(this.options.target||"")+" .nav li > a",this.offsets=[],this.targets=[],this.activeTarget=null,this.scrollHeight=0,this.$scrollElement.on("scroll.bs.scrollspy",a.proxy(this.process,this)),this.refresh(),this.process()}function c(c){return this.each(function(){var d=a(this),e=d.data("bs.scrollspy"),f="object"==typeof c&&c;e||d.data("bs.scrollspy",e=new b(this,f)),"string"==typeof c&&e[c]()})}b.VERSION="3.3.6",b.DEFAULTS={offset:10},b.prototype.getScrollHeight=function(){return this.$scrollElement[0].scrollHeight||Math.max(this.$body[0].scrollHeight,document.documentElement.scrollHeight)},b.prototype.refresh=function(){var b=this,c="offset",d=0;this.offsets=[],this.targets=[],this.scrollHeight=this.getScrollHeight(),a.isWindow(this.$scrollElement[0])||(c="position",d=this.$scrollElement.scrollTop()),this.$body.find(this.selector).map(function(){var b=a(this),e=b.data("target")||b.attr("href"),f=/^#./.test(e)&&a(e);return f&&f.length&&f.is(":visible")&&[[f[c]().top+d,e]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){b.offsets.push(this[0]),b.targets.push(this[1])})},b.prototype.process=function(){var a,b=this.$scrollElement.scrollTop()+this.options.offset,c=this.getScrollHeight(),d=this.options.offset+c-this.$scrollElement.height(),e=this.offsets,f=this.targets,g=this.activeTarget;if(this.scrollHeight!=c&&this.refresh(),b>=d)return g!=(a=f[f.length-1])&&this.activate(a);if(g&&b
{{ msg }}
+ +
+
+
+
+
+ Edit
+ components/HelloWorld.vue to test HMR
+
+ Check out + create-vue, the official Vue + Vite starter +
++ Learn more about IDE Support for Vue in the + Vue Docs Scaling up Guide. +
+Click on the Vite and Vue logos to learn more
+ + + diff --git a/src/main.ts b/src/main.ts new file mode 100644 index 0000000..f5bd61f --- /dev/null +++ b/src/main.ts @@ -0,0 +1,22 @@ +import { createApp } from 'vue' +import App from './App.vue' +import ElementPlus from 'element-plus'; +import 'element-plus/dist/index.css' +import '@/styles/index.scss' +import pinia from './store' +import * as echarts from 'echarts'; +import router from './router'; + +//@ts-expect-error忽略当前文件ts类型的检测否则有红色提示(打包会失败) +import zhCn from 'element-plus/dist/locale/zh-cn.mjs' + +const app = createApp(App) +app.config.globalProperties.$echarts = echarts + +app.use(ElementPlus, { + locale: zhCn +}) + +app.use(router); +app.use(pinia); +app.mount('#app'); \ No newline at end of file diff --git a/src/router/index.ts b/src/router/index.ts new file mode 100644 index 0000000..2592aa2 --- /dev/null +++ b/src/router/index.ts @@ -0,0 +1,9 @@ +import { createRouter, createWebHistory } from 'vue-router'; +import { constantRoute } from './routes'; + +const router = createRouter({ + history: createWebHistory(), + routes: constantRoute, +}); + +export default router; \ No newline at end of file diff --git a/src/router/routes.ts b/src/router/routes.ts new file mode 100644 index 0000000..46f0e35 --- /dev/null +++ b/src/router/routes.ts @@ -0,0 +1,35 @@ +// 对外暴漏配置路由，常量路由 +export const constantRoute = [ + { + path: '/', + component: () => import('@/views/home/index.vue'), + name: '首页', + meta: { + title: '首页', + hidden: false, + icon: 'HomeFilled', + }, + }, + { + path: '/404', + component: () => import('@/views/404/index.vue'), + name: '404', + meta: { + title: '404', + hidden: true, + icon: 'DocumentDelete', + }, + }, + { + // 无路由匹配上，重定向到404 + path: '/:pathMatch(.*)*', + redirect: '/404', + name: 'any', + meta: { + title: '404', + hidden: true, + icon: 'DocumentDelete', + }, + }, + ] + \ No newline at end of file diff --git a/src/store/index.ts b/src/store/index.ts new file mode 100644 index 0000000..f984eea --- /dev/null +++ b/src/store/index.ts @@ -0,0 +1,6 @@ +//仓库大仓库 +import { createPinia } from 'pinia' +//创建大仓库 +const pinia = createPinia() +//对外暴露：入口文件需要安装仓库 +export default pinia diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts new file mode 100644 index 0000000..5d28349 --- /dev/null +++ b/src/store/modules/user.ts @@ -0,0 +1,15 @@ +//创建用户相关的小仓库 +import { defineStore } from 'pinia' +//创建用户小仓库 +const useUserStore = defineStore('User', { + //小仓库存储数据地方 + state: () => { + return { + } + }, + //处理异步|逻辑地方 + actions: {}, + getters: {}, +}) +//对外暴露小仓库 +export default useUserStore diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 0000000..d2f4ba9 --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,8 @@ +/* Main styles */ +:root{ + --tw-bg-opacity:#272727; + --footer-color:#999; + --footer-size:12px; + --footer-title:14px; + --footer-title-weight:600; +} \ No newline at end of file diff --git a/src/styles/reset.scss b/src/styles/reset.scss new file mode 100644 index 0000000..3fac93f --- /dev/null +++ b/src/styles/reset.scss @@ -0,0 +1,15 @@ +/* Reset and base styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + line-height: 1.5; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* Add more reset styles as needed */ \ No newline at end of file diff --git a/src/styles/variable.scss b/src/styles/variable.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/views/404/index.vue b/src/views/404/index.vue new file mode 100644 index 0000000..c6cafef --- /dev/null +++ b/src/views/404/index.vue @@ -0,0 +1,212 @@ + +
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/footer.vue b/src/views/components/footer.vue
new file mode 100644
index 0000000..971ae0b
--- /dev/null
+++ b/src/views/components/footer.vue
@@ -0,0 +1,151 @@
+
+
+
+
+
+
+
diff --git a/src/views/components/header.vue b/src/views/components/header.vue
new file mode 100644
index 0000000..8863c6b
--- /dev/null
+++ b/src/views/components/header.vue
@@ -0,0 +1,8 @@
+
+ 这里是header
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
new file mode 100644
index 0000000..f00939a
--- /dev/null
+++ b/src/views/home/index.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![404 error]()
+
+
+
+
+ ![404 error]()
+ Go Home
+
+ The page you are looking for was moved, removed,
+ renamed or might never existed.