zmtlwzy / zmtlwzy-admin Goto Github PK

View Code? Open in Web Editor NEW

86.0 6.0 24.0 2.11 MB

A original style admin template, based on Vue3、Vite、Naive UI、TypeScript、Unocss.

Home Page: https://zmtlwzy-admin.netlify.app

License: MIT License

JavaScript 2.23% Shell 0.05% TypeScript 54.20% HTML 0.10% Vue 41.48% Less 0.83% CSS 1.05% Dockerfile 0.06%

vue3 typescript naive-ui admin admin-ui unocss

zmtlwzy-admin's Introduction

Zmtlwzy Admin

简介

Zmtlwzy Admin 是一个基于 Vue3、Vite、Naive UI、TypeScript 的免费中后台模版，它使用了最新的前端技术栈，封装了一些常用组件和展示用例，开箱即用的中后台前端解决方案，也可用于学习参考。

特性

最新技术栈：使用 Vue3 vite2 Typescript 等前端前沿技术开发
国际化：内置完善的国际化方案
Unocss：高性能且极具灵活性的即时原子化 CSS 引擎
Vitest：基于 Vite 的单元测试框架
Mock 数据：内置 Mock 数据方案
组件：二次封装了一些常用的组件

预览

zmtlwzy-admin

📎 预览图:

代码仓库

github
gitee

安装使用

克隆代码

git clone https://github.com/zmtlwzy/zmtlwzy-admin.git

安装依赖

pnpm i

运行

pnpm dev

打包

pnpm build

如何贡献

非常欢迎您的加入！提一个 Issue 或者提交一个 Pull Request。

Git 贡献提交规范

项目已经内置 angular 提交规范，通过 git cz 代替 git commit 命令即可。

git cz 命令需要全局安装 commitizen

pnpm i -g commitizen

浏览器支持

本地开发推荐使用Chrome 90+ 浏览器

支持现代浏览器, 不支持 IE

开源作者

@Zmtlwzy

License

MIT © Zmtlwzy-2021

zmtlwzy-admin's People

Contributors

Stargazers

Watchers

zmtlwzy-admin's Issues

请问如何根据主题自定义CSS全局变量

例如

export const themeConfig = {
    light: {
        primary-color: '#000'
    },
    dark: {
        primary-color: '#fff'
    }
}

How to use BasicForm?

Hello everyone,

Is anyone has some docs that explain how to use BasicForm and schema?

I'm trying to update a value of a field after doing some maths outside the register.

I appreciate any help!

数据表格搜索如何绑定传参

测试基础组件基础表格填写姓111名点击搜索希望获取到姓名为111的表格数据，但是并没有获取到正确数据如图

是不是应该这样写

但是重置应该怎么搞呢

是不是应该先按重置按钮，再按搜索按钮
还是这样

有没有更简单点的办法

为什么菜单组件在深色主题（darkTheme）下会启用 inverted 反转样式？

zmtlwzy-admin/src/layouts/default/menu/index.vue

Line 127 in a7f016e

getInverted: toRef(props, 'inverted'),

zmtlwzy-admin/src/layouts/default/menu/index.vue

Line 151 in a7f016e

:inverted="getInverted"

这会导致部分UI显示不正常，并且无法使用 themeOverrides

mobile phone view is bad

the demo site is not responsive at all to me on my phone

useForm setFieldsValue 赋值

当form 在n-modal中的时候
setFieldsValue 这个函数只能用到 onMounted 里边吗我这样用可以吗

这样用报错

pnpm dev 以及 getUserInfo mock接口有点小问题

本地node版本14.15.1

1、build/vite/plugin/msw.ts
replaceAll函数存在不兼容情况报错replaceAll is not a function，建议使用replace('/\/g', '/')

2、getUserInfo接口里面的getRequestToken方法有问题，应该是req?.headers?.headers?.authorization才对，不应该是req?.headers?._headers?.authorization

How to use BasicTable data?

Hi there,

I've been trying to load :data fom BasicTable after onMounted but it isn't work.

Do you have any tip how can I do that?

某些情况下，meta.affix=true 不生效。
这个问题比较奇怪，我是 git clone 然后 npm install && npm run dev 打开就是这样。
我查看了一下 Naive UI 官方文档，Tabs 组件 提供了 closable 参数，设置为 false 就可以隐藏关闭按钮，所以我尝试将 /src/layouts/default/tabs/index.vue 第 21 行 :closable="panel?.meta?.affix" 修改为 :closable="!panel?.meta?.affix" 则正常了。

{
  "pkg": {
    "dependencies": {
      "@iconify/iconify": "^2.1.1",
      "@vueuse/core": "^7.5.3",
      "axios": "^0.24.0",
      "crypto-js": "^4.1.1",
      "echarts": "^5.2.2",
      "highlight.js": "^11.4.0",
      "lodash-es": "^4.17.21",
      "mockjs": "^1.1.0",
      "path-to-regexp": "^6.2.0",
      "pinia": "^2.0.9",
      "qrcode": "^1.5.0",
      "qs": "^6.10.3",
      "tinycolor2": "^1.4.2",
      "vue": "^3.2.27",
      "vue-i18n": "~9.1.9",
      "vue-router": "^4.0.12",
      "vue-slicksort": "^2.0.0-alpha.5",
      "vue-types": "^4.1.1"
    },
    "devDependencies": {
      "@commitlint/cli": "^15.0.0",
      "@commitlint/config-conventional": "^15.0.0",
      "@iconify/json": "^1.1.458",
      "@iconify/vue": "^3.1.2",
      "@types/crypto-js": "^4.1.0",
      "@types/fs-extra": "^9.0.13",
      "@types/lodash-es": "^4.17.5",
      "@types/mockjs": "^1.0.6",
      "@types/node": "^17.0.10",
      "@types/qrcode": "^1.4.2",
      "@types/qs": "^6.9.7",
      "@types/tinycolor2": "^1.4.3",
      "@typescript-eslint/eslint-plugin": "^5.10.0",
      "@typescript-eslint/parser": "^5.10.0",
      "@vitejs/plugin-vue": "^2.0.1",
      "@vitejs/plugin-vue-jsx": "^1.3.3",
      "@vue/compiler-sfc": "^3.2.27",
      "@vue/eslint-config-prettier": "^7.0.0",
      "@vue/eslint-config-typescript": "^10.0.0",
      "chalk": "^5.0.0",
      "commitizen": "^4.2.4",
      "cross-env": "^7.0.3",
      "cz-conventional-changelog": "^3.3.0",
      "cz-customizable": "^6.3.0",
      "date-fns": "^2.28.0",
      "dotenv": "^10.0.0",
      "eslint": "^8.7.0",
      "eslint-config-prettier": "^8.3.0",
      "eslint-plugin-import": "^2.25.4",
      "eslint-plugin-prettier": "^4.0.0",
      "eslint-plugin-vue": "^8.3.0",
      "esno": "^0.13.0",
      "fs-extra": "^10.0.0",
      "husky": "^7.0.4",
      "less": "^4.1.2",
      "lint-staged": "^12.2.1",
      "naive-ui": "^2.24.1",
      "prettier": "^2.5.1",
      "rimraf": "^3.0.2",
      "rollup": "^2.64.0",
      "typescript": "^4.5.4",
      "unplugin-icons": "^0.13.0",
      "unplugin-vue-components": "^0.17.13",
      "vfonts": "^0.1.0",
      "vite": "^2.7.13",
      "vite-plugin-html": "^2.1.2",
      "vite-plugin-mock": "^2.9.6",
      "vite-plugin-windicss": "^1.6.3",
      "vue-tsc": "^0.30.6",
      "windicss": "^3.4.3"
    },
    "name": "zmtlwzy-admin",
    "version": "0.1.0"
  },
  "lastBuildTime": "2022-01-30 22:41:30"
}