XView小程序组件库本着简单易用的原则封装组件，使用时只需要在json配置文件中引用即可

官方链接：https://xview.weapp.xwzj88.cn/

下载地址：https://github.com/xwzj12138/Xview

基于微信小程序自定义组件封装
核心功能组件化
简化使用
18个常用组件

使用

到 GitHub 下载 xview 的代码，将 packages 目录拷贝到自己的项目中。然后按照如下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看：
1，添加需要的组件。在页面的 json 中配置（路径根据自己项目位置配置）：

{"usingComponents": {"x-button": "/packages/button/index"}
}

2，在 wxml 中使用组件

<view class='title'>行内按钮</view>
<view><x-button bind:click="handleClick" inline>默认按钮</x-button><x-button bind:click="handleClick" type="error" long="true" inline>联通两边按钮</x-button><x-button bind:click="handleClick" type="primary" inline>Primary</x-button><x-button bind:click="handleClick" type="ghost" inline>Ghost</x-button><x-button bind:click="handleClick" type="info" inline>Info</x-button><x-button bind:click="handleClick" type="success" inline>Success</x-button><x-button bind:click="handleClick" type="warning" inline>Warning</x-button><x-button bind:click="handleClick" type="error" inline>Error</x-button>
</view>

我们内置了所有组件的示例，您可以扫描下方的小程序码体验

组件库当中大致可分为一下三大类：

布局组件

内置常用的布局组件。如：grid九宫格，cell单元格，nav标签栏，drawer抽屉等，还有部分组件还在测试用，这里就不举例了。

geid 九宫格
cell单元格
nav标签栏
drawer标签栏
商品导航：这个组件还在测试期，相信用不了多久就可以与大家见面了

基础组件

button 按钮
icon 图标
avatar 头像
steps 步骤条
search 搜索
notice-bar 通知栏
loading 底部加载提示
progress 进度条
count-down 倒计时

表单组件

input输入框
input-number数字输入框
rate评分组件
switch组件
upload组件
还有一些组件在开发测试中

XView小程序开源组件库相关推荐

7 个热门又优质的小程序 UI 组件库，社区、电商、工具各类都有！
如果你也是一名小程序开发者,当你打开一个高颜值的小程序时,是不是很想知道「这用的是哪一套 UI 组件库」呢? 目前,网上已有不少开源的小程序组件库,但选择太多往往让人挑花了眼,反而不知哪一款才适合自己 ...
高颜值微信小程序 UI 组件库！
Vant Weapp Vant 是一个轻量.可靠的移动端组件库,由有赞于 2017 年开源. Github(⭐️ 16.5k):github.com/youzan/vant- iView Weapp ...
5个受欢迎的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面5款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...
6个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果.自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库.还没用到它 ...
小程序子组件向父组件传值_一套组件化、可复用、易扩展的微信小程序 UI 组件库...
如何使用 Wux Weapp 是一套组件化.可复用.易扩展的微信小程序 UI 组件库.在开始使用之前,需要先阅读微信小程序自定义组件的相关文档. 通过 npm 安装,需要依赖小程序基础库 2.2.1 ...
当前最热门的微信小程序UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
Wuss Weapp一款高质量，组件齐全，高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 https://phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组 ...
Wuss Weapp 微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组件示例演示图片 ...
Wuss Weapp 一款高质量，组件齐全，高自定义的微信小程序 UI 组件库
Wuss Weapp 一款高质量,组件齐全,高自定义的微信小程序 UI 组件库文档 https://phonycode.github.io/wuss-weapp 扫码体验使用微信扫一扫体验小程序组 ...

XView小程序开源组件库