# shushan-ui

**Repository Path**: hman-fun/shushan-ui

## Basic Information

- **Project Name**: shushan-ui
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-22
- **Last Updated**: 2024-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Shushan-ui
> Shushan-ui 是 shushan-admin 配套的前端，基于 soybean-admin@1.0.3，应对企业常用场景，封装了众多组件提供使用，技术栈为 Vue3、Vite、TypeScript、Naive UI
- 感谢：naive Ui、 [Soybean-admin](https://docs.soybean.pro/)

## 环境
- pnpm: 6.x
- Node.js: 16.x

## 启动

```
pnpm dev
pnpm build
```

## 封装
- @/components/custom/SContainer : 封装好正常的列表页面的布局【 搜索区域、按钮区域、表格区域... 】
- @/components/custom/SDataTable : 封装好 表格 、分页 ；统一这个组件进行表格渲染，方便管理 和 升级
- @/components/custom/S*Btn : 对不同环境下的【新增、删除、编辑】 进行了封装，达到每个页面的通用按钮都统一的效果
- @/components/custom/PopconfirmBtn : 弹出确认按钮。为了JSX调用方便，所以对弹出确认按钮再封装一层
---
- @/hook/common/usePageList :  对 pageList 进行封装，简单的 搜索、查询、分页、刷新，只要引用这个hook即可

## 其他
- 获取icon地址：https://icones.netlify.app/

- ⚠️ 如页面访问空白，请排查是否路由配置出问题