# basic-admin

**Repository Path**: yuanbaohua/basic-admin

## Basic Information

- **Project Name**: basic-admin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-19
- **Last Updated**: 2024-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 *                   江城子 . 程序员之歌
 *
 *               十年生死两茫茫，写程序，到天亮。
 *                   千行代码，Bug何处藏。
 *               纵使上线又怎样，朝令改，夕断肠。
 *
 *               领导每天新想法，天天改，日日忙。
 *                   相顾无言，惟有泪千行。
 *               每晚灯火阑珊处，夜难寐，加班狂。
 *
 *
 * @Author: yuanbaohua
 * @Date: 2023-04-27 08:45:07
 * @LastEditTime: 2023-12-19 08:51:16
 * @LastEditors: your name
 * @Description:
 * @FilePath: \basic_framework_web\README.md
 * 可以输入预定的版权声明、个性签名、空行等
 -->

## 平台简介

基于若依的 vue3+vite

###### 主题

- 1.通过修改 styles variables 添加主题风格变量；
- 2.到 layout 文件夹下面去修改 nav 和 slider 等文件；
- 3.菜单通过主题无法设置选中背景颜色，选中文字颜色根据主题颜色进行修改；

###### 组件

- select nav 栏选择日期
- base-ui table 和 form 的封装，主要针对列表和列表筛选

###### 计划项

<!-- - 后续计划引入 Storybook,对自定义组件编写在线文档 -->
- 后续计划引入 unplugin-vue-components，自动导入组件
- 后续计划引入 unplugin-auto-import，自动导入 vue3 hooks
- 后续计划引入 vue-request，对接口进行管理
<!-- + 后续计划引入Eslint + Prettier 统一开发规范 -->
- 后续计划引入 husky + lint-staged 进行代码提交校验
- vue3-seamless-scroll滚动
###### npm

- npm install echarts
  参考：https://juejin.cn/post/7166138926728478733#heading-3
- npm install dayjs
  dayjs 可以对日期时间对象相关操作，工具函数在 utils 文件夹下的 day.ts
- npm install crypto-js -S
  AES 密码加密解密
- pnpm install -D eslint
- pnpm install -D prettier
- pnpm install -D eslint-config-prettier // eslint兼容的插件
- pnpm install -D eslint-plugin-prettier // eslint的prettier
- pnpx storybook@next init --package-manager=pnpm //storybook安装（自定义组件的文档）
- pnpm install -D tailwindcss postcss autoprefixer //添加tailwind Css
- pnpm install pinia-plugin-persistedstate pinia缓存插件

    persist: {
    key: 'useParamsStore',
    storage: localStorage, // 数据存储位置，默认为 localStorage
    }
##### 对原若依的修改；

修改：添加 app-main 背景色 #F4F7FF；去掉侧边栏阴影
修改：若以原来的控制左上角系统名称 logo 改为只控制 logo 图片
修改：在配置项里面新增登录页面内容控制
修改：index.vue 放在了 index 文件夹下面
注意项：部分页面需要包裹根元素；
##### set

首页配置项放在 src/setting.文件中