微信小程序UI组件库·iView Weapp

iView Weapp是一个微信小程序的UI组件库。

 

使用方法：

1.从git上下载dist目录放到小程序项目目录

2.在页面.json文件内使用usingComponents字段声明使用iView Weapp组件

git地址：https://github.com/TalkingData/iview-weapp

 

简单演示一下使用流程。

下载到本地

 

解压后将dist目录复制到小程序目录

 

这里演示一下iView Weapp的栅格系统。

与bootstrap类似，它的布局方式也是采用栅格布局，它将区域分成24份。

 

假如需要在count页面使用i-row、i-col，则需在count.json中用usingComponents声明。注意取dist的相对目录。

count.wxml

    1
    2
    3

渲染结果

 

若想了解更多组件，请移步官方文档，地址：https://weapp.iviewui.com/docs/guide/start

另外，若想了解更多小程序UI库，移步这篇博文：https://www.imooc.com/article/47347

遗憾的是，官方文档并没有给样式图，但是iView Weapp在它的小程序iViewUI中展示了几乎所有的控件，诸位可以参照。