2025-08-03 12:07:18 +08:00
|
|
|
# 页面开发流程
|
|
|
|
|
|
2025-08-03 15:32:52 +08:00
|
|
|
vue3 + ui组件库
|
|
|
|
|
|
|
|
|
|
## 安装UI组件
|
|
|
|
|
|
|
|
|
|
- [element plus (vue3版本)](https://element-plus.sxtxhy.com/zh-CN/)
|
|
|
|
|
- [TDesign](https://tdesign.tencent.com/vue-next/overview)
|
|
|
|
|
- [ant design for vue](https://2x.antdv.com/components/page-header-cn)
|
|
|
|
|
- [arco design](https://arco.design/vue/docs/start)
|
|
|
|
|
|
|
|
|
|
从UI的精美和官方的维护度来考虑, 这里选择使用 arco design
|
|
|
|
|
|
|
|
|
|
```sh
|
|
|
|
|
npm install --save-dev @arco-design/web-vue
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
// UI 组件库
|
|
|
|
|
import ArcoVue from '@arco-design/web-vue'
|
|
|
|
|
import '@arco-design/web-vue/dist/arco.css'
|
|
|
|
|
app.use(ArcoVue)
|
|
|
|
|
```
|
|
|
|
|
|
2025-08-03 12:07:18 +08:00
|
|
|
## 登陆页面
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Layout(多套子系统)
|
|
|
|
|
|
|
|
|
|
## 具体子页面
|
