@lx-frontend/wxapp-lui

wxapp-lui

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

如何使用

1. 添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

"usingComponents": {
    "x-button": "../../dist/button/index"
}

1. 在 wxml 中使用组件：

<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

{
    "compilerOptions": {
        "types": ["@lx-frontend/wxapp-lui"]
    },
}

1. 在 uni-app 下使用，配置tsconfig.json (1.3.51+)

{
    "compilerOptions": {
        "types": ["@lx-frontend/wxapp-lui/global"]
    },
}