soleilw
/
job-pc
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

commit

test
Soleilw 1年前
父节点
77fb4b9ef7
当前提交
3f59cd85d2
共有 30 个文件被更改，包括 3354 次插入 和 0 次删除
合并视图 显示文件统计
  1. 24
    0
      .gitignore
  2. 3
    0
      .vscode/extensions.json
  3. 13
    0
      index.html
  4. 2475
    0
      package-lock.json
  5. 26
    0
      package.json
  6. 1
    0
      public/vite.svg
  7. 13
    0
      src/App.vue
  8. 1
    0
      src/assets/vue.svg
  9. 38
    0
      src/components/HelloWorld.vue
  10. 0
    0
      src/components/layout/header/aHeader.less
  11. 14
    0
      src/components/layout/header/aHeader.vue
  12. 138
    0
      src/components/layout/index.vue
  13. 0
    0
      src/components/layout/sider/aSider.less
  14. 74
    0
      src/components/layout/sider/aSider.vue
  15. 41
    0
      src/main.ts
  16. 170
    0
      src/router/dynamic.ts
  17. 8
    0
      src/router/index.ts
  18. 42
    0
      src/router/routerList.ts
  19. 30
    0
      src/router/routes.ts
  20. 12
    0
      src/router/types.ts
  21. 13
    0
      src/store/index.ts
  22. 18
    0
      src/store/mutations.ts
  23. 10
    0
      src/store/state.ts
  24. 5
    0
      src/store/types.ts
  25. 55
    0
      src/store/usePermissionStore.ts
  26. 80
    0
      src/style.css
  27. 1
    0
      src/vite-env.d.ts
  28. 26
    0
      tsconfig.json
  29. 10
    0
      tsconfig.node.json
  30. 13
    0
      vite.config.ts

+ 24
- 0
.gitignore 查看文件

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

+ 3
- 0
.vscode/extensions.json 查看文件

{
"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
}

+ 13
- 0
index.html 查看文件

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

+ 2475
- 0
package-lock.json
文件差异内容过多而无法显示
查看文件


+ 26
- 0
package.json 查看文件

{
"name": "job-pc",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vue-tsc && vite build",
"preview": "vite preview"
},
"dependencies": {
"ant-design-vue": "^4.0.0-rc.6",
"axios": "^1.6.4",
"less": "^4.2.0",
"less-loader": "^11.1.3",
"vue": "^3.3.11",
"vue-router": "^4.2.5",
"vuex": "^4.0.2"
},
"devDependencies": {
"@vitejs/plugin-vue": "^4.5.2",
"typescript": "^5.2.2",
"vite": "^5.0.8",
"vue-tsc": "^1.8.25"
}
}

+ 1
- 0
public/vite.svg 查看文件

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

+ 13
- 0
src/App.vue 查看文件

<script setup lang="ts">
import zhCN from 'ant-design-vue/es/locale/zh_CN';
</script>

<template>
<a-config-provider :locale="zhCN">
<router-view></router-view>
</a-config-provider>
</template>

<style scoped>

</style>

+ 1
- 0
src/assets/vue.svg 查看文件

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

+ 38
- 0
src/components/HelloWorld.vue 查看文件

<script setup lang="ts">
import { ref } from 'vue'

defineProps<{ msg: string }>()

const count = ref(0)
</script>

<template>
<h1>{{ msg }}</h1>

<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>

<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/vuejs/language-tools" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>

<style scoped>
.read-the-docs {
color: #888;
}
</style>

+ 0
- 0
src/components/layout/header/aHeader.less 查看文件


+ 14
- 0
src/components/layout/header/aHeader.vue 查看文件

<template>
</template>
<script lang="ts" setup>
import { ref, onMounted, computed } from 'vue';
import { store } from '@/store';
import { router } from '@/router';
import { MenuUnfoldOutlined, MenuFoldOutlined, LogoutOutlined } from '@ant-design/icons-vue';
</script>

<style>
</style>

+ 138
- 0
src/components/layout/index.vue 查看文件

<template>
<div style="min-height: 100vh;">
<a-layout class="layout" style="width: 100%; display: flex;align-items: center;justify-items: center;">
<a-layout-header style="position: fixed; z-index: 99; width: calc(100% - 600px);">
<div class="logo" />
<a-menu theme="dark" mode="horizontal" v-model:selectedKeys="selectedKeys"
:style="{ lineHeight: '64px' }">
<a-menu-item key="1">首页</a-menu-item>
<a-menu-item key="2">求职招聘</a-menu-item>
<a-menu-item key="3">关于菊城人才</a-menu-item>
<a-sub-menu>
<template #icon>
<setting-outlined />
</template>
<template #title>Navigation Three - Submenu</template>
<a-menu-item-group title="Item 1">
<a-menu-item key="setting:1">Option 1</a-menu-item>
<a-menu-item key="setting:2">Option 2</a-menu-item>
</a-menu-item-group>
<a-menu-item-group title="Item 2">
<a-menu-item key="setting:3">Option 3</a-menu-item>
<a-menu-item key="setting:4">Option 4</a-menu-item>
</a-menu-item-group>
</a-sub-menu>
<a-menu-item key="1">法律咨询</a-menu-item>
<a-menu-item key="2">人才导师</a-menu-item>
<a-menu-item key="3">专家组</a-menu-item>
<a-menu-item key="2">培训列表</a-menu-item>
<a-menu-item key="3">党群关系</a-menu-item>
<a-menu-item key="3">新闻中心</a-menu-item>
</a-menu>
</a-layout-header>
<a-layout-content style="padding: 0 50px">
<router-view></router-view>
</a-layout-content>
<a-layout-footer>
<a-row gutter="20" type="flex" justify="space-between">
<a-col span="8">
<a-row gutter="20">
<a-col sapn="12">
<div style="display: flex;flex-direction: column;align-items: flex-start;">
<div>关于我们</div>
<div style="display: flex;flex-direction: column;">
<div>关于我们</div>
<div>联系方式</div>
<div>公司地图</div>
<div>关于我们</div>
<div>收费方式</div>
<div>汇款方式</div>
</div>
</div>
</a-col>
<a-col sapn="12">
<div style="display: flex;flex-direction: column;align-items: flex-start;justify-content: center;">
<div>快速注册</div>
<div style="display: flex;flex-direction: column;">
<div>单位用户注册</div>
<div>个人用户注册</div>
</div>
</div>
</a-col>
</a-row>
<a-row style="margin-top: 30px;">
<a-col sapn="24">
<a-typography-paragraph style="font-size: 12px; text-align: left;"
content="中山求职 招聘 到菊城人才网 本网站实名:中山市菊城人才网" />
<a-typography-paragraph style="font-size: 12px; text-align: left;"
content="邮编:zsjcjob@163.com 传真号码:0760-22236922 0760-22236026" />
<a-typography-paragraph style="font-size: 12px; text-align: left;"
content="Copyright@2002-2024 菊城人才网 All Right Reserved 粤ICP备05092134号" />
</a-col>
</a-row>
</a-col>
<a-col span="4">
<div style="display: flex;flex-direction: column;align-items: flex-start;">
<div>上班时间</div>
<div style="display: flex;flex-direction: column;align-items: flex-start;">
<div>星期一至星期五：8:30-17:30</div>
<div>星期六：9:00-16:00</div>
</div>
</div>
</a-col>
<a-col span="8">
<div style="display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;height: 100%;">
<!-- <div style="display: flex;flex-direction: column;align-items: flex-start;"> -->
<div>联系电话</div>
<div>0760-22236225、22236226</div>
<div>0760-22236225、22236226</div>
<!-- </div> -->
<div style="display: flex;flex-direction: column;align-items: center;">
<a-image
:width="100"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
<div>官方公众号</div>
</div>
</div>
</a-col>
</a-row>
</a-layout-footer>
</a-layout>
</div>

</template>
<script lang="ts" setup>
import { ref, computed } from 'vue';
import { store } from '@/store';
// import ASider from './sider/aSider.vue';
import AHeader from './header/aHeader.vue';
import { MenuUnfoldOutlined, MenuFoldOutlined, } from '@ant-design/icons-vue';

const collapsed = computed(() => {
return store.state.collapsed
})

const onBreakpoint = (broken : boolean) => {
console.log(broken);
}
</script>
<style lang="less">
.logo {
float: left;
width: 120px;
height: 31px;
margin: 16px 24px 16px 0;
background: rgba(255, 255, 255, 0.3);
}

.ant-layout-footer {
position: fixed;
bottom: 0;
z-index: 99;
width: calc(100% - 600px);
// padding: 30px;
background-color: #cccccc !important;
color: #fff !important;
}
</style>

+ 0
- 0
src/components/layout/sider/aSider.less 查看文件


+ 74
- 0
src/components/layout/sider/aSider.vue 查看文件

<template>
<a-menu mode="inline" v-model:openKeys="openSubMenu" @openChange="onOpenChange" inlineCollapsed
v-model:selectedKeys="selectedMenu" style="background: #19be6b; height: '90vh';color: #fff;">
<template v-for="(item,index) in menuList">
<template v-if="!item.children">
<a-menu-item :key="item.path" @click="onMenu(item.path)">
<template #icon>
<component :is="item.meta.icon"></component>
</template>
<span>{{item.meta.title}}</span>
</a-menu-item>
</template>
<template v-else>
<a-sub-menu :key="item.path">
<template #icon>
<component :is="item.meta.icon"></component>
</template>
<template #title>{{item.meta.title}}</template>
<template v-for="(twoItem, twoIndex) in item.children">
<a-sub-menu v-if="twoItem.children" :key="twoItem.path">
<template #title>
{{twoItem.meta.title}}
</template>
<a-menu-item v-for="(threeItem, threeIndex) in twoItem.children" :key="threeItem.path"
@click="onMenu(threeItem.path)">{{ threeItem.meta.title }}</a-menu-item>
</a-sub-menu>
<a-menu-item v-else @click="onMenu(twoItem.path)" :key="twoItem.path">
{{ twoItem.meta.title }}
</a-menu-item>
</template>
</a-sub-menu>
</template>
</template>
</a-menu>
</template>
<script setup lang="ts">
import { ref, onMounted, computed } from 'vue';
import { useMenu } from '@/hooks/useMenu';
let { menuList, onMenu, routerCur, routerArrayCur } = useMenu();

const selectedMenu = computed(() => {
let newSelectedMenu = [routerCur()];
return newSelectedMenu;
})

const openSubMenu = computed(() => {
let newOpenSubMenu = [routerArrayCur()];
return newOpenSubMenu;
})

const onOpenChange = (openKeys) => {
const latestOpenKey : string = openKeys.length > 0 ? openKeys[openKeys.length - 1] : undefined;
if (latestOpenKey) {
openSubMenu.value = latestOpenKey ? [latestOpenKey] : [];
} else {
openSubMenu.value = [];
}
}
</script>
<style>
::-webkit-scrollbar {
/* 设置滚动条宽度 */
width: 0px;
}

.ant-menu {
background-color: #f0f2f5;
/* 修改菜单的背景颜色 */
}

.ant-menu .ant-sub-menu {
color: #000000;
}
</style>

+ 41
- 0
src/main.ts 查看文件

import { createApp } from 'vue';
import './style.css';
import App from './App.vue';
import { router } from './router'
import { store } from './store';
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';

// router.beforeEach((to, from, next) => {
// document.title = `${to.meta.title} - 菊城人才市场后台管理`;
// if (!sessionStorage.getItem('token')) {
// if (to.matched.length > 0 && !to.matched.some(record => record.meta.requiresAuth)) {
// next()
// } else {
// next({
// path: '/login'
// })
// }
// } else {
// if (store.state.permissions.permissionList == null) {
// store.dispatch('permissions/FETCH_PERMISSION').then(() => {
// next({
// path: to.path
// })
// })
// } else {
// if (to.path !== '/login') {
// next()
// } else {
// next(from.fullPath)
// }
// }
// }
// })

const app = createApp(App);

app.use(router);
app.use(store);
app.use(Antd);
app.mount('#app');

+ 170
- 0
src/router/dynamic.ts 查看文件

import type { AppRouteRecordRaw, AppRouteModule } from '@/router/types';
import { HomeOutlined } from '@ant-design/icons-vue';
import { routerList } from './routerList';

// 权限管理
const PermissionRoute : AppRouteRecordRaw = {
path: '/permission',
name: 'permission',
component: routerList.Permission,
meta: {
title: '权限管理',
icon: HomeOutlined
},
children: [
{
path: '/role',
name: 'role',
component: routerList.ROLE,
meta: {
title: '角色管理',
icon: HomeOutlined
}
},
{
path: '/account',
name: 'account',
component: routerList.Account,
meta: {
title: '账号管理',
icon: HomeOutlined
}
},
{
path: '/permission/list',
name: 'list',
component: routerList.List,
meta: {
title: '权限管理',
icon: HomeOutlined
}
}
]
};


// 企业相关
const CompanyRoute : AppRouteRecordRaw = {
path: '/company',
name: 'company',
component: routerList.Company,
meta: {
title: '企业管理',
icon: HomeOutlined
},
children: [{
path: '/member',
name: 'member',
component: routerList.Member,
meta: {
title: '企业列表',
icon: HomeOutlined
},
},
{
path: '/vip',
name: 'vip',
component: routerList.Vip,
meta: {
title: 'VIP管理',
icon: HomeOutlined
},
},
{
path: '/job',
name: 'job',
component: routerList.Job,
meta: {
title: '职位管理',
icon: HomeOutlined
},
},
{
path: '/department',
name: 'department',
component: routerList.Department,
meta: {
title: '部门管理',
icon: HomeOutlined
},
},
]
};

// 求职者管理
const JokSeekerRoute : AppRouteRecordRaw = {
path: '/job-seeker',
name: 'jobSeeker',
component: routerList.JobSeeker,
meta: {
title: '求职者管理',
icon: HomeOutlined
},
children: [
{
path: '/resume',
name: 'jobResume',
component: routerList.JobResume,
meta: {
title: '简历列表',
icon: HomeOutlined
},
},
]
};

// 招聘会管理
const JokFairRoute : AppRouteRecordRaw = {
path: '/job-fair',
name: 'jobFair',
component: routerList.JokFair,
meta: {
title: '招聘会管理',
icon: HomeOutlined
},
children: [
{
path: '/job/fair/list',
name: 'jobFairList',
component: routerList.JobList,
meta: {
title: '招聘会列表',
icon: HomeOutlined
},
},
]
};

// 资讯管理
const InformationRoute : AppRouteRecordRaw = {
path: '/information',
name: 'information',
component: routerList.Information,
meta: {
title: '资讯管理',
icon: HomeOutlined
},
children: [
{
path: '/section',
name: 'section',
component: routerList.InformationSection,
meta: {
title: '栏目/频道',
icon: HomeOutlined
},
},
{
path: '/article',
name: 'article',
component: routerList.InformationArticle,
meta: {
title: '文章列表',
icon: HomeOutlined
},
}
],
};

export const routesModuleList : AppRouteModule[] = [CompanyRoute, JokSeekerRoute, JokFairRoute, InformationRoute, PermissionRoute];

+ 8
- 0
src/router/index.ts 查看文件

import { createRouter, createWebHistory } from 'vue-router';

import { basicRoutes } from './routes';

export const router = createRouter({
history: createWebHistory(),
routes: basicRoutes
})

+ 42
- 0
src/router/routerList.ts 查看文件

import Permission from '@/views/permission/index.vue';
import ROLE from '@/views/permission/role/index.vue';
import Account from '@/views/permission/account/index.vue';
import List from '@/views/permission/list/index.vue';
// 企业管理
import Company from '@/views/company/index.vue';
import Department from '@/views/company/department/index.vue';
import Job from '@/views/company/position/index.vue';
import Member from '@/views/company/list/index.vue';
import Vip from '@/views/company/vip/index.vue';

// 求职者管理
import JobSeeker from '@/views/jobSeeker/index.vue';
import JobResume from '@/views/jobSeeker/resume/index.vue';

// 招聘会管理
import JobFair from '@/views/jobFair/index.vue';
import JobList from '@/views/jobFair/list.vue';

// 资讯管理
import Information from '@/views/information/index.vue';
import InformationSection from '@/views/information/section/index.vue';
import InformationArticle from '@/views/information/article/index.vue';

export const routerList = {
Permission,
ROLE,
Account,
List,
Company,
Department,
Job,
Member,
Vip,
JobSeeker,
JobResume,
JobFair,
JobList,
Information,
InformationSection,
InformationArticle
}

+ 30
- 0
src/router/routes.ts 查看文件

import type { AppRouteRecordRaw } from '@/router/types';
import { HomeOutlined } from '@ant-design/icons-vue';

// import LOGIN from '@/views/login/login.vue';
// import HOME from '@/views/home/home.vue';
import Layout from '@/components/layout/index.vue';

// // 登录路由
// export const LoginRoute: AppRouteRecordRaw = {
// path: '/login',
// name: 'login',
// component: LOGIN,
// meta: {
// title: '登录'
// }
// }

// layout路由
export const LayoutRoute: AppRouteRecordRaw = {
path: '',
name: 'layout',
component: Layout,
meta: {
title: '登录'
}
}

export const basicRoutes = [
LayoutRoute
]

+ 12
- 0
src/router/types.ts 查看文件

import type { RouteRecordRaw, RouteMeta } from 'vue-router';

// @ts-ignore
export interface UseRouteRecordRaw extends omit<RouteRecordRaw, 'meta'> {
path ?: string,
name ?: string,
component ?: string,
meta: RouteMeta,
children ?: UseRouteRecordRaw[]
}

export type UseRouteModule = UseRouteRecordRaw;

+ 13
- 0
src/store/index.ts 查看文件

import { createStore } from 'vuex';
import { state } from './state';
import { mutations } from './mutations';
// import { permissionsModule } from './usePermissionStore';

export const store = createStore({
state,
mutations,
// modules: {
// permissions: permissionsModule,
// }
})


+ 18
- 0
src/store/mutations.ts 查看文件

const getCollapsed = (state) => {
state.collapsed = !state.collapsed;
}

const getOpenModel = (state, payload) => {
state.openAddModel = payload.openAddModel;
}

const getOpenMoreModel = (state, payload) => {
state.openOtherModel_1 = payload.openOtherModel_1;
}


export const mutations = {
getCollapsed,
getOpenModel,
getOpenMoreModel
}

+ 10
- 0
src/store/state.ts 查看文件

import { StateType } from './types'

export const state = <StateType>{
collapsed: false,
openAddModel: false,
openMoreModel: {
showAddModel: false,
showOrderModel: false
}
}

+ 5
- 0
src/store/types.ts 查看文件

export interface StateType {
collapsed: boolean,
openAddModel: boolean,
openOtherModel_1: boolean
}

+ 55
- 0
src/store/usePermissionStore.ts 查看文件

// import { Module } from 'vuex';
// import { useAsRouter } from '@/hooks/useAsRouter';
// import { routesModuleList } from '@/router/dynamic';
// import { LayoutRoute } from '@/router/routes';

// const { routerDynamic, routerAdd, routerInit } = useAsRouter();


// export interface PermissionState {
// menuList : string[];
// permissionList : string[] | null;
// breadcrumbList : string[];
// }

// const state : PermissionState = {
// menuList: [],
// permissionList: null,
// breadcrumbList: []
// };

// const mutations = {
// SET_PERMISSION(state, routes) {
// state.permissionList = routes
// },
// SET_MENU(state, menu) {
// state.menuList = menu
// }
// };

// const actions = {
// async FETCH_PERMISSION({
// commit
// }) {
// try {
// // let res = await LOGIN.permissions();
// // let arr = res.data.data;
// let arr = ['permission','role', 'account', 'company', 'vip', 'member', 'job', 'department', 'jobSeeker', 'jobResume', 'jobFair','jobFairList', 'information' ,'section','article', 'list'];
// let routes = routerDynamic(arr, routesModuleList);
// LayoutRoute.children.push(...routes);
// commit('SET_MENU', LayoutRoute.children);
// routerAdd(LayoutRoute);
// let initialRoutes = routerInit();
// commit('SET_PERMISSION', [...initialRoutes]);
// } catch {

// }
// }
// };

// export const permissionsModule : Module<PermissionState> = {
// namespaced: true,
// state,
// mutations,
// actions
// };

+ 80
- 0
src/style.css 查看文件

:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;

color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;

font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a {
font-weight: 500;
color: #646cff;
text-decoration: inherit;
}
a:hover {
color: #535bf2;
}

body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}

h1 {
font-size: 3.2em;
line-height: 1.1;
}

button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}

.card {
padding: 2em;
}

#app {
width: 100%;
height: 100%;
overflow: hidden;
overflow: auto;
text-align: center;
}

@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}

+ 1
- 0
src/vite-env.d.ts 查看文件

/// <reference types="vite/client" />

+ 26
- 0
tsconfig.json 查看文件

{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": ["ES2020", "DOM", "DOM.Iterable"],
"skipLibCheck": true,
"baseUrl": "./",
"paths": {"@/*": ["src/*"]},
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",

/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true
},
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.d.ts"],
"references": [{ "path": "./tsconfig.node.json" }]
}

+ 10
- 0
tsconfig.node.json 查看文件

{
"compilerOptions": {
"composite": true,
"skipLibCheck": true,
"module": "ESNext",
"moduleResolution": "bundler",
"allowSyntheticDefaultImports": true
},
"include": ["vite.config.ts"]
}

+ 13
- 0
vite.config.ts 查看文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
})

撰写 预览
正在加载...
取消
保存