收藏
评论

Wux - 微信小程序自定义 UI 组件

微信小程序自定义 UI 组件

npm version

快速上手

使用之前

在开始使用之前,你需要先阅读 微信小程序自定义组件 的相关文档。

如何使用

首先到 GitHub 下载 Wux Weapp 的代码,然后 将dist/ 目录拷贝到自己的项目中。按照如下的方式使用组件,以 Badge 为例,其它组件在对应的文档页查看:

在 page.json 中引入组件

"usingComponents": {
    "wux-badge": "../../dist/badge/index"
}

在 page.wxml 中使用组件

<wux-badge count="22" />
<wux-badge count="44" />
<wux-badge count="66" />

预览

您可以扫描下方的小程序码体验或用 微信web开发者工具 打开 example 目录(请注意,是 example 目录,不是整个项目)。

logo

<img src="./screenshots/screenshorts-01.png" width="375px" style="display:inline;">

文档

Document

贡献

有任何意见或建议都欢迎提 issue

License

MIT

最后一次编辑于  2018-06-28
收藏

6 个评论

  • 睦岩
    睦岩
    2019-05-16

    呵呵,我就用一两个,我还得连贯的引好多个,耦合性太高,不分离,真后悔用!建议自己在原生上封装

    2019-05-16
    赞同 1
    回复
  • 青艺
    青艺
    2019-03-09

    请问 Card卡片 这个组件的图片  能不能使用 iconfont 呢? 只能网络图片吗

    2019-03-09
    赞同
    回复
  • Vic
    Vic
    2018-10-24

    mark一下

    2018-10-24
    赞同
    回复
  • 花间小酌
    花间小酌
    2018-06-04

    Marker 一下

    2018-06-04
    赞同
    回复
  • 二月
    二月
    2018-01-09

    非常好,方便开发

    2018-01-09
    赞同
    回复
  • 厚光
    厚光
    2017-11-08

    picker做的非常赞

    2017-11-08
    赞同
    回复
登录 后发表内容