浅念
ab4f40ba5d
- 克隆 art-design-pro v3.0.2（GitHub depth1），rm .git，pnpm clean:dev 精简演示页（92 文件） - .env.development/.env.production 均设 VITE_API_URL=/api，代理目标 127.0.0.1:8000（移除 Apifox Mock） - http 封装信封适配：code===200 解包 data；msg/message 字段兼容（拦截器/error/类型） - /api/admin/auth/token 登录适配（access->Bearer token, refresh->refreshToken）；/api/admin/auth/me 映射 UserInfo（userName/roles/is_admin） - 登录页演示账号替换为真实 admin；logOut 按路由名判登录页修复 redirect 嵌套 - 根 .gitignore 补 !admin/.env（模板公共 env 非密钥，需入库） - 验证：Playwright 全链路（错误密码 401 留登页/正确登录进工作台/登出/受保护路由重定向/redirect 回跳）+ pnpm build（vue-tsc 通过，产物无 mock 域名） Co-Authored-By: Claude Code <noreply@anthropic.com>
45 lines
1.5 KiB
Vue
45 lines
1.5 KiB
Vue
<template>
|
|
<div class="art-card p-5 flex-b mb-5 max-sm:mb-4">
|
|
<div>
|
|
<h2 class="text-2xl font-medium">关于项目</h2>
|
|
<p class="text-g-700 mt-1">{{ systemName }} 是一款兼具设计美学与高效开发的后台系统</p>
|
|
<p class="text-g-700 mt-1">使用了 Vue3、TypeScript、Vite、Element Plus 等前沿技术</p>
|
|
|
|
<div class="flex flex-wrap gap-3.5 max-w-150 mt-9">
|
|
<div
|
|
class="w-60 flex-cb h-12.5 px-3.5 border border-g-300 c-p rounded-lg text-sm bg-g-100 duration-300 hover:-translate-y-1 max-sm:w-full"
|
|
v-for="link in linkList"
|
|
:key="link.label"
|
|
@click="goPage(link.url)"
|
|
>
|
|
<span class="text-g-700">{{ link.label }}</span>
|
|
<ArtSvgIcon icon="ri:arrow-right-s-line" class="text-lg text-g-600" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="w-75 max-md:!hidden" src="@imgs/draw/draw1.png" alt="draw1" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import AppConfig from '@/config'
|
|
import { WEB_LINKS } from '@/utils/constants'
|
|
|
|
const systemName = AppConfig.systemInfo.name
|
|
|
|
const linkList = [
|
|
{ label: '项目官网', url: WEB_LINKS.DOCS },
|
|
{ label: '文档', url: WEB_LINKS.INTRODUCE },
|
|
{ label: 'Github', url: WEB_LINKS.GITHUB_HOME },
|
|
{ label: '哔哩哔哩', url: WEB_LINKS.BILIBILI }
|
|
]
|
|
|
|
/**
|
|
* 在新标签页中打开指定 URL
|
|
* @param url 要打开的网页地址
|
|
*/
|
|
const goPage = (url: string): void => {
|
|
window.open(url, '_blank', 'noopener,noreferrer')
|
|
}
|
|
</script>
|