⬆️ update package

This commit is contained in:
landaiqing
2024-08-22 22:46:19 +08:00
parent 95f722fa93
commit 57a56ec5ef
7 changed files with 300 additions and 252 deletions

View File

@@ -1,11 +0,0 @@
export default [
{
path: '/test',
name: 'test',
component: () => import('@/views/TestTheme.vue'),
meta: {
requiresAuth: true,
title: '测试'
}
}
];

View File

@@ -1,27 +1,21 @@
/* eslint-disable */
// @ts-nocheck
import {createRouter, createWebHistory, Router, RouteRecordRaw} from 'vue-router';
import login from './modules/login';
import test from "@/router/modules/test.ts";
import useStore from "@/store";
import {message} from "ant-design-vue";
import {close, start} from '@/components/Nprogress/nprogress.ts';
import notFound from "@/router/modules/notFound.ts";
import landing from "@/router/modules/landing.ts";
import mainRouter from "@/router/modules/main_router.ts";
import notFound from "./modules/notFound.ts";
import landing from "./modules/landing.ts";
import mainRouter from "./modules/main_router.ts";
const routes: Array<RouteRecordRaw> = [
...login,
...notFound,
...landing,
...mainRouter,
...test,
{
path: '/:pathMatch(.*)',
redirect: '/404',
hidden: true
}
];

View File

@@ -12,6 +12,7 @@ import {axiosRequestAdapter} from "@alova/adapter-axios";
import {refreshToken} from "@/api/user";
import router from "@/router/router.ts";
let hasShownNetworkError: boolean = false;
const {onAuthRequired, onResponseRefreshToken} = createServerTokenAuthentication<typeof VueHook,
typeof axiosRequestAdapter>({
refreshTokenOnSuccess: {
@@ -80,7 +81,8 @@ export const service = createAlova({
onError:
(error: AxiosError, _method: any) => {
const {response} = error;
if (response) {
if (response && !hasShownNetworkError) {
hasShownNetworkError = true;
handleCode(response.status);
}
if (!window.navigator.onLine) {

View File

@@ -1,45 +0,0 @@
<template>
<div>
<AConfigProvider :theme="app.themeConfig">
<ASelect v-model:value="app.themeName" style="width: 240px">
<ASelectOption v-for="(color, name) in variables" :key="color" :value="name"> {{ name }}:{{
color
}}
</ASelectOption>
</ASelect>
<ASelect v-model:value="app.darkMode" style="width: 120px">
<ASelectOption value="dark">dark</ASelectOption>
<ASelectOption value="light">light</ASelectOption>
</ASelect>
<AButtonGroup>
<AButton type="primary">切换主题- {{ app.themeName }}</AButton>
<AButton @click="app.toggleDarkMode">切换模式{{ app.darkMode }}</AButton>
</AButtonGroup>
<div class="test">test</div>
</AConfigProvider>
<AButton type="primary" @click="()=>{
}">获取验证码
</AButton>
</div>
</template>
<script setup>
import variables from "@/assets/styles/colors.module.scss";
import useStore from "@/store/index.ts";
const app = useStore().theme;
</script>
<style lang="scss" scoped>
@import "@/assets/styles/theme.scss";
.test {
@include useTheme {
background: getModeVar('primary');
color: getColor('info');;
}
}
</style>