# ohbusy-uniapp-ui

**Repository Path**: ohbusy-open-source/ohbusy-uniapp-ui

## Basic Information

- **Project Name**: ohbusy-uniapp-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-14
- **Last Updated**: 2023-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img alt="logo" src="https://s4.ax1x.com/2022/01/13/7M2MMF.gif" width="120" height="120" style="margin-bottom: 10px;">
</p>
<h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">Ohbusy-UI</h3>
<h3 align="center">天南地北的小伙伴们</h3>


## 快速上手 (只需 3 步)

1. `main.js` 引入 ohbusy-ui 库
	
		
		import App from './App'
		import Vue from 'vue'
	
		Vue.config.productionTip = false
		App.mpType = 'app'
	
		// 第一步：引入全局 ohbusy-ui
		import ohbusy from 'ohbusy-ui';
		Vue.use(ohbusy);
	
		const app = new Vue({
	    	...App
		})
		app.$mount()
	

2. `App.vue` 引入基础样式(注意 `style` 标签需声明 `scss` 属性支持)


		<style lang="scss">
			/*第二步：引入 ohbusy-ui 全局 scss */
			@import "ohbusy-ui/index.scss";
		</style>
	

3. `pages.json` 配置 `easycom` 组件模式
	
		{
			"easycom": {
				"^ohbusy-(.*)": "@/ohbusy-ui/components/ohbusy-$1/ohbusy-$1.vue"
			},
			
			// 以下省略...
			"pages": [
				// ......
			]
		}



## 引入主题 `theme.scss` 文件

	/* uni.scss */
	@import 'ohbusy-ui/theme.scss';