轻量可靠的小程序UI组件库,主流移动组件库 Vant 的微信小程序版本。

Vant Weapp 和 Vant 的区别

之前推荐过的移动端web组件库 Vant 是 Vue.js 版本的,其对内承载了有赞所有核心业务,对外有十多万开发者在使用,一直是业界主流的移动端组件库之一。微信小程序的开发和基于Vue.js的web开发有较大的区别,而 Vant Weapp 则是小程序版本,同样继承了 Vant 所有的优点,可以用来快速开发电商类的小程序。

Vant Weapp 的特点

  • 由有赞前端团队出品以及维护,更新频率高,不用担心技术选型入坑
  • 设计资源能和 Vant 通用,60+ 高质量组件,提供sketch和图标资源下载
  • 使用过 Vant 的都知道,有赞前端团队写的文档非常详细易懂,真正能快速上手

使用体验

Vant Weapp 是基于微信小程序的自定义组件开发,所以如果在使用之前,需要提前学习过微信官方的 小程序简易教程 和 自定义组件介绍。

现在很多产品都提供小程序版了,甚至有些在微信生态混的产品,只提供小程序版,弱化App。小程序开发不难,非常容易上手,自己去写组件投入的成本很高,但使用微信官方的组件有几个问题:

  • 官方组件的开发文档对新手非常不友好,用词非常专业,前端知识储备量稍微差一点是很难上手的,以至于当年我在看文档学习时,更多地去百度搜索用法。
  • 官方组件少,使用场景也很受限,满足不了需求
  • 样式不能定制,对于视觉设计要求高的项目,可以说完全用不了

Vant Weapp 很好地解决了上面的痛点,不仅文档写得好,接地气的组件也很多,也支持样式定制,如果你使用过 vant,完全拿来就能用。

作为在微信生态耕耘多年的有赞商城,有赞前端团队在微信h5和小程序的开发上面临的技术问题、爬过的坑比绝大多数的互联网公司要多,使用开源组件库除了能避免重复造轮子,也避免了那些坑,这也是前端开源项目的重要意义。因此如果也有开发商城类业务的小程序,Vant Weapp 可能是目前最好的选择了。

免费开源使用说明

Vant Weapp 基于 MIT 协议开源,可以自由地享用。

相关网址

https://vant-contrib.gitee.io/vant-weapp

本专栏持续分享高质量的免费开源、免费商用的资源,欢迎关注。

vant组件搜索并选择_Vant Weapp - 有赞出品的免费开源微信小程序组件库相关推荐

  1. 微信小程序组件 —— 带搜索功能的选择器

    微信小程序组件 -- 带搜索功能的选择器 效果 组件 search-picker 文件 wxml 文件: <view class="search-picker">< ...

  2. 微信小程序组件(车牌号输入,支付键盘,滑块验证)

    目录 车牌号输入组件 密码支付键盘组件 滑块验证组件 车牌号输入组件 如图 基于微信小程序组件封装,输出值为当前选择车牌号,可回显车牌号. 支持7位8位车牌号,因为我的项目没有此需求,所以没有测试,具 ...

  3. 微信小程序组件库开发记录

    微信小程序组件库开发记录 背景 前言 技术选型 环境搭建 安装 gulp 将`scss`编译为`wxss` 压缩`wxml`,`js`,`json`文件和图片 拷贝文件到另一个目录 删除目录 整合 创 ...

  4. 微信小程序组件、路由、组件通信、侦听器

    一.微信小程序组件 组件就是小程序页面的组成结构,与html在web网页开发中的作用一样,铺设页面.可以参考其他UI库,像elementUI,vantUI组件 组件是视图层的基本组成单元. 组件自带一 ...

  5. 微信小程序组件库解析:图片上传与排序组件yImgPro

    yunUI是笔者开源的微信小程序功能库.目前其中包含了一些复杂的功能组件.方便使用.未来它将分为组件.样式.js三者合为一体,但分别提供. 本文所用代码皆来源于组件库中的yImgPro组件.详细代码可 ...

  6. android img标签属性_微信小程序 组件叠加效果(如 Android 中的添加蒙层)

    实现的效果如下: 可以看出这是由image组件和text组件叠加到一块组成的蒙层效果. 在小程序中实现这个效果主要用到z-index属性和position属性 z-index的使用必须是双方组件都设置 ...

  7. 微信小程序组件间通信(二)

    2019独角兽企业重金招聘Python工程师标准>>> 一.微信小程序中通过事件,实现子组件向父组件中传递数据或操作 注:子组件向父组件中传递通过事件传递操作 通过事件参数对象det ...

  8. 【微信小程序】三、微信小程序组件的基本使用

    五.微信小程序组件 微信小程序框架为开发者提供了一系列组件,开发者可以通过组合这些组件进行快速开发. (1)微信小程序组件基础概念 什么是组件? 组件是视图层的基本组成单元. 组件自带一些功能与微信风 ...

  9. 微信小程序 - 组件化开发

    微信小程序 -- 组件化开发,总结一下开发思路及过程: 组件,类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成. 1.首先,在 miniprogram 文件夹下,创建一个 ...

最新文章

  1. SimpleDateFormat的线程安全问题
  2. 两个运放制作加法器_集成运放电路设计原理图
  3. MySQL内核月报 2015.01-MySQL · 捉虫动态· InnoDB自增列重复值问题
  4. 【机器学习算法专题(蓄力计划)】十五、机器学习中玄乎的最大熵原理及模型
  5. Install ruby on rails in Ubuntu 12.04
  6. 巨型机是一种什么的超级计算机,这个世界其实是一个超级计算机
  7. Java PushbackReader mark()方法与示例
  8. mysql内部_MySQL SQL语句内部剖析
  9. Oracle技术之ASM上恢复STANDBY数据库出现ORA-15173错误
  10. 鼠年春节90后们很忙:加班、看春晚、找工作都是主力
  11. eigrp配置实验_EIGRP负载均衡的实现
  12. Shell脚本学习-阶段十三-在 Linux 中使用日志来排错
  13. 农业农村部:非洲猪瘟对猪肉市场价格影响有限
  14. fspecial 创建预定义的二维滤波器 (Matlab)
  15. 微信小程序tabBar不显示问题
  16. 蚂蚁金服 Service Mesh 大规模落地系列 - 网关篇
  17. 第三阶段:1.数据分析:2.定性定量数据分析
  18. 无线局域网攻防之Wi-Fi破解
  19. 2019-7-27 [MySQL] DQL 简单查询[别名/去重/运算] 条件查询 排序查询 聚合查询 分组查询 导出与导入 多表操作[一对多/多对多][创外键 创联合主键 约束 添加 删除 测试]
  20. 服务器禁止访问文件,服务器文件夹访问权限设置 控制访问权限方法

热门文章

  1. 北电PBX资料_LD 24 進線直撥功能設定
  2. 网吧电影服务器解决方案完全指南(一)
  3. 面试常考的数据结构Java实现
  4. oracle索引分类与区分,深入理解Oracle表(6):堆组织表(HOT)和索引组织表(IOT)的区别...
  5. TensorFlow 实例一:线性回归模型
  6. 装机之MBR和GPT
  7. 前缀中缀后缀表达式的计算求值
  8. tornado学习笔记day02-进阶与提升
  9. Flask 模板 之 变量和过滤器
  10. 大数据之SparkSQL简介及DataFrame的使用