# wx-miniprogram-demo

**Repository Path**: txlong/wx-miniprogram-demo

## Basic Information

- **Project Name**: wx-miniprogram-demo
- **Description**: 微信小程序Demo，使用到ColorUI样式库，整理一些常用组件和工具。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/txlong/wx-miniprogram-demo
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-07-01
- **Last Updated**: 2021-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 微信小程序, demo, 组件

## README

# wx-miniprogram-demo

## 导入ColorUI库

```bash
npm i xxmy-color-ui
```
### app.js

```js
onLaunch() {
  wx.getSystemInfo({
    success: e => {
      this.globalData.StatusBar = e.statusBarHeight;
      let custom = wx.getMenuButtonBoundingClientRect();
      this.globalData.Custom = custom;
      this.globalData.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
    }
  })
},
```
### app.json

```json
"window": {
  "navigationStyle": "custom",
},
"usingComponents": {
  "cu-custom": "/miniprogram_npm/xxmy-color-ui/components/cu-custom"
}
```

### app.wxss

```css
@import "miniprogram_npm/xxmy-color-ui/main.wxss";
@import "miniprogram_npm/xxmy-color-ui/icon.wxss";
```

---

如果你还有其他问题，可以公众号告知，欢迎关注公众号 「晓晓夢龑」( xiaoxiaomengyan3 )。

![xiaoxiaomengyan3](https://gitee.com/txlong/static/raw/master/img/qrcode/qrcode_for_gh_309272258bf6_258.jpg)