@lx-frontend/wxapp-lui

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

Usage no npm install needed!

<script type="module">
  import lxFrontendWxappLui from 'https://cdn.skypack.dev/@lx-frontend/wxapp-lui';
</script>

README

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） 即可体验当前组件修改在项目当中的体现