An open API service indexing awesome lists of open source software.

https://github.com/fromsko/dasyui-admin

采用 dasyui 构建的后台系统
https://github.com/fromsko/dasyui-admin

Last synced: 4 months ago
JSON representation

采用 dasyui 构建的后台系统

Awesome Lists containing this project

README

          

# element-plus-vite-starter

+ 前台
![alt text](docs/index_page.png)

+ 后台
![alt text](docs/home_page.png)
## Project setup

```bash
npm install
```

### Compiles and hot-reloads for development

```bash
npm run dev
```

### Compiles and minifies for production

```bash
npm run build
```

## Usage

```bash
git clone https://github.com/fromsko/element-plus-vite-template
cd element-plus-vite-starter
npm i
npm run dev
```

## 更换框架 Devui

```shell
bun i vue-devui @devui-design/icons devui-theme
```

`引入样式`

```ts
import DevUI from 'vue-devui';
import 'vue-devui/style.css';
import '@devui-design/icons/icomoon/devui-icon.css';
import { ThemeServiceInit, infinityTheme } from 'devui-theme';

ThemeServiceInit({ infinityTheme }, 'infinityTheme');

createApp(App).use(DevUI).mount('#app');
```

`使用`

```html


确定

```

`按需引入`

```shell
bun i -D unplugin-vue-components
```

---

```html

import { ref } from "vue";
import { ElMessage } from "element-plus";

defineProps<{ msg: string }>();

const count = ref(0);
const input = ref("element-plus");

const curDate = ref("");

const toast = () => {
ElMessage.success("Hello");
};

const value1 = ref(true);

```

### 工程结构分析

```txt
├─api
├─assets
│ ├─images
│ └─styles
├─components
│ ├─Breadcrumb
│ ├─Carousel
│ ├─Custom
│ ├─Tree
│ └─Upload
│ ├─filepond
│ └─uppy
├─router
├─utils
│ ├─config
│ ├─http
│ ├─log
│ ├─model
│ └─storage
└─views
├─dashboard
│ ├─about
│ └─home
├─error
└─portal
```