13 changed files with 4316 additions and 315 deletions
@ -0,0 +1,4 @@ |
|||||||
|
NODE_ENV = 'development' |
||||||
|
|
||||||
|
# 请求域名 |
||||||
|
VITE_APP_BASE_URL='http://127.0.0.1:8082/' |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
NODE_ENV = 'production' |
||||||
|
|
||||||
|
# 请求域名 |
||||||
|
VITE_APP_BASE_URL='http://127.0.0.1:8082/' |
||||||
|
Before Width: | Height: | Size: 362 KiB |
@ -1,8 +0,0 @@ |
|||||||
// @/styles/element/index.scss |
|
||||||
@forward "element-plus/theme-chalk/src/common/var.scss" with ( |
|
||||||
$colors: ( |
|
||||||
"primary": ( |
|
||||||
"base": #162582, |
|
||||||
) |
|
||||||
) |
|
||||||
); |
|
||||||
@ -1,211 +0,0 @@ |
|||||||
:root:root { |
|
||||||
--primary-color: #184DCF; |
|
||||||
--van-blue: var(--primary-color); |
|
||||||
--van-tabs-bottom-bar-width: 60px; |
|
||||||
--background-color: #ededed; |
|
||||||
} |
|
||||||
|
|
||||||
body { |
|
||||||
font-size: 14px; |
|
||||||
font-family: PingFang-SC-Heavy; |
|
||||||
margin: 0; |
|
||||||
--header-height: 8.377vh; |
|
||||||
} |
|
||||||
|
|
||||||
#app { |
|
||||||
margin: auto; |
|
||||||
} |
|
||||||
|
|
||||||
p { |
|
||||||
margin: 0.5em 0; |
|
||||||
} |
|
||||||
|
|
||||||
svg { |
|
||||||
width: 1em; |
|
||||||
} |
|
||||||
|
|
||||||
svg+span { |
|
||||||
margin-left: .5em; |
|
||||||
} |
|
||||||
|
|
||||||
.none { |
|
||||||
display: none; |
|
||||||
} |
|
||||||
|
|
||||||
.flex { |
|
||||||
display: flex; |
|
||||||
} |
|
||||||
|
|
||||||
.flex-inline { |
|
||||||
display: inline-flex; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.v-center, |
|
||||||
.flex-inline.v-center { |
|
||||||
align-items: center; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.center, |
|
||||||
.flex-inline.center { |
|
||||||
justify-content: center; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.between, |
|
||||||
.flex-inline.between { |
|
||||||
justify-content: space-between; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.end, |
|
||||||
.flex-inline.end { |
|
||||||
justify-content: flex-end; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.wrap, |
|
||||||
.flex-inline.wrap { |
|
||||||
flex-wrap: wrap; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.max-content, |
|
||||||
.flex-inline.max-content { |
|
||||||
width: max-content; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.gap, |
|
||||||
.flex-inline.gap { |
|
||||||
gap: 0 8px; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.gap-10 { |
|
||||||
gap: 0 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.flex.gap-16 { |
|
||||||
gap: 0 16px; |
|
||||||
} |
|
||||||
|
|
||||||
.text-center { |
|
||||||
text-align: center; |
|
||||||
} |
|
||||||
|
|
||||||
.text-nowrap { |
|
||||||
white-space: nowrap; |
|
||||||
text-overflow: ellipsis; |
|
||||||
overflow: hidden; |
|
||||||
} |
|
||||||
|
|
||||||
.text-wrap { |
|
||||||
white-space: pre-wrap; |
|
||||||
} |
|
||||||
|
|
||||||
.container { |
|
||||||
padding: 18px 36px; |
|
||||||
} |
|
||||||
|
|
||||||
.pointer:hover { |
|
||||||
cursor: pointer; |
|
||||||
} |
|
||||||
|
|
||||||
.relative { |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
|
|
||||||
.ml-4 { |
|
||||||
margin-left: 4px; |
|
||||||
} |
|
||||||
|
|
||||||
.ml-8 { |
|
||||||
margin-left: 8px; |
|
||||||
} |
|
||||||
|
|
||||||
.ml-10 { |
|
||||||
margin-left: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.mr-4 { |
|
||||||
margin-right: 4px; |
|
||||||
} |
|
||||||
|
|
||||||
.mr-8 { |
|
||||||
margin-right: 8px; |
|
||||||
} |
|
||||||
|
|
||||||
.mr-10 { |
|
||||||
margin-right: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.mr-20 { |
|
||||||
margin-right: 20px; |
|
||||||
} |
|
||||||
|
|
||||||
.mt-8 { |
|
||||||
margin-top: 8px; |
|
||||||
} |
|
||||||
|
|
||||||
.mt-10 { |
|
||||||
margin-top: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.mt-20 { |
|
||||||
margin-top: 20px; |
|
||||||
} |
|
||||||
|
|
||||||
.mb-8 { |
|
||||||
margin-bottom: 8px; |
|
||||||
} |
|
||||||
|
|
||||||
.mb-10 { |
|
||||||
margin-bottom: 10px; |
|
||||||
} |
|
||||||
|
|
||||||
.mb-20 { |
|
||||||
margin-bottom: 20px; |
|
||||||
} |
|
||||||
|
|
||||||
.mb-40 { |
|
||||||
margin-bottom: 40px; |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
.card { |
|
||||||
background-color: #fff; |
|
||||||
margin-bottom: 10px; |
|
||||||
padding-top: 6px; |
|
||||||
|
|
||||||
h2 { |
|
||||||
color: #666; |
|
||||||
font-size: 12px; |
|
||||||
font-weight: normal; |
|
||||||
margin: var(--van-cell-group-inset-padding); |
|
||||||
padding: var(--van-cell-vertical-padding) 0; |
|
||||||
} |
|
||||||
|
|
||||||
header { |
|
||||||
margin: var(--van-cell-group-inset-padding); |
|
||||||
margin-top: 16px; |
|
||||||
font-size: 17px; |
|
||||||
font-weight: bold; |
|
||||||
} |
|
||||||
|
|
||||||
.content { |
|
||||||
box-shadow: inset 0px -1px 0px 0px rgba(227, 227, 227, 1); |
|
||||||
color: #666; |
|
||||||
margin-top: 10px; |
|
||||||
padding: var(--van-cell-group-inset-padding); |
|
||||||
padding-bottom: 30px; |
|
||||||
font-size: 12px; |
|
||||||
font-weight: 400; |
|
||||||
} |
|
||||||
|
|
||||||
footer { |
|
||||||
box-shadow: inset 0px -1px 0px 0px rgba(227, 227, 227, 1); |
|
||||||
padding: var(--van-cell-group-inset-padding); |
|
||||||
padding-top: 16px; |
|
||||||
padding-bottom: 16px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
.wrapper { |
|
||||||
height: 100vh; |
|
||||||
background-color: var(--background-color); |
|
||||||
overflow: auto; |
|
||||||
} |
|
||||||
@ -1,14 +0,0 @@ |
|||||||
import { createApp } from 'vue' |
|
||||||
import router from './router/index' |
|
||||||
import { createPinia } from 'pinia' |
|
||||||
|
|
||||||
import App from './App.vue' |
|
||||||
import IconComponent from '@/components/Icon.vue' |
|
||||||
|
|
||||||
import './assets/style/style.scss' |
|
||||||
|
|
||||||
createApp(App) |
|
||||||
.use(router) |
|
||||||
.use(createPinia()) |
|
||||||
.component('Icon', IconComponent) |
|
||||||
.mount('#app') |
|
||||||
@ -1,37 +0,0 @@ |
|||||||
import { createRouter, createWebHashHistory } from 'vue-router' |
|
||||||
|
|
||||||
import Home from '@/views/Home.vue' |
|
||||||
|
|
||||||
import Layout from '@/layout/Index.vue' |
|
||||||
|
|
||||||
import NotFound from '@/views/error/404.vue' |
|
||||||
|
|
||||||
const constantRoutes = [ |
|
||||||
{ |
|
||||||
path: '/layout', |
|
||||||
component: Layout, |
|
||||||
redirect: to => { |
|
||||||
return '/' |
|
||||||
}, |
|
||||||
children: [ |
|
||||||
{ |
|
||||||
path: '/', |
|
||||||
component: Home |
|
||||||
} |
|
||||||
] |
|
||||||
}, |
|
||||||
{ |
|
||||||
path: '/:catchAll(.*)', |
|
||||||
component: NotFound, |
|
||||||
meta: { |
|
||||||
title: '404' |
|
||||||
} |
|
||||||
} |
|
||||||
]; |
|
||||||
|
|
||||||
const router = createRouter({ |
|
||||||
history: createWebHashHistory(), |
|
||||||
routes: constantRoutes |
|
||||||
}); |
|
||||||
|
|
||||||
export default router; |
|
||||||
@ -1,35 +0,0 @@ |
|||||||
|
|
||||||
const basePath = '/api' |
|
||||||
|
|
||||||
export function post(url, data) { |
|
||||||
return new Promise((resolve, reject) => { |
|
||||||
fetch(`${basePath}${url}`, { |
|
||||||
method: 'POST', |
|
||||||
body: data? JSON.stringify(data) : '', |
|
||||||
}).then(res => { |
|
||||||
return res.json(); |
|
||||||
}).then(res => { |
|
||||||
if (res.ok()) { |
|
||||||
resolve(res) |
|
||||||
} else { |
|
||||||
reject(res) |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
} |
|
||||||
|
|
||||||
export function get(url) { |
|
||||||
return new Promise((resolve, reject) => { |
|
||||||
fetch(`${basePath}${url}`, { |
|
||||||
method: 'GET', |
|
||||||
}).then(res => { |
|
||||||
return res.json(); |
|
||||||
}).then(res => { |
|
||||||
if (res.ok()) { |
|
||||||
resolve(res) |
|
||||||
} else { |
|
||||||
reject(res) |
|
||||||
} |
|
||||||
}) |
|
||||||
}) |
|
||||||
} |
|
||||||
Loading…
Reference in new issue