# components-store

**Repository Path**: pikoan/components-store

## Basic Information

- **Project Name**: components-store
- **Description**: components-store组件库
- **Primary Language**: Unknown
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# components-store

## 基于vue3，运行即可查看组件效果
1.main.js 字体图标导入   （必选）
import '@/components/modules/iconfont/iconfont.css'   
2.main.js 公共样式导入   （可选）
import '@/styles/scss/common.scss'   
3.main.js 导入主题样式   （必选）
import '@/styles/scss/theme.scss'   
//修改组件样式建议先查看theme.scss样式变量，通过局部覆盖样式变量来改变颜色样式  
4.组件导入及文档说明   
查看src/components/modules    
5.组件库设置了4套主题-通过js命令设置即可  
document.documentElement.dataset.xduiTheme='normal'|'dark'|'light' |'midnight'
6.全局引入时，调用函数命令可直接调用工具函数 tools.js  
//例如  
import tools from "@/components/utils/tools.js"  
tools.xdLoading.show()  
tools.Message({content:'消息提示'})   
## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).