Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@lx-frontend/wxapp-lui

furinalu414MIT1.5.5TypeScript support: included

高质量微信小程序 UI 组件库

readme

wxapp-lui

一套高质量的微信小程序 UI 组件库

如何使用

  1. 添加需要的组件。在页面的 json 中配置(路径根据自己项目位置配置):
    "usingComponents": {
     "x-button": "../../dist/button/index"
    }
  2. 在 wxml 中使用组件: `html <x-button type="primary" bind:click="handleClick">这是一个按钮</x-button>
3、 项目当中同步本地wxapp-lui改动方式,以ucar-master-frontend为例:
 1) ucar-master-frontend 需保持在 npm run dev 中, 方能保持webpack插件监听本地wxapp-lui文件是否有改动
 2) 在 wxapp-lui下,进行组件进行改动后,执行npm run build,将修改构建在dist目录下
 3) wxapp-lui 执行npm run build 后,ucar-master-frontend 项目中d webpack插件将修改同步到项目的dist/static下
 4) 即可体验当前组件修改在项目当中的体现


---
### 支持 TypeScript

1. 在 Taro(react) 下使用,配置 tsconfig.json 

```json
{
    "compilerOptions": {
        "types": ["@lx-frontend/wxapp-lui"]
    },
}
  1. 在 uni-app 下使用,配置tsconfig.json (1.3.51+) `json { "compilerOptions": {
     "types": ["@lx-frontend/wxapp-lui/global"]
    }, }

`