前言

在逛gitee的时候,看到gitee年度最有价值开源项目之一“vant”,站在一个有着很长一段时间的小程序开发人员而言,使用过的那么多UI组件中,Vant算是我觉得更满足现在前端组件化的微信小程序UI组件库了。(当然vant还可以在vue和react中使用)


地址介绍
Vant(gitee地址)
Vant文档地址
Vant-weapp文档网址(小程序)


提示:以下是本篇文章正文内容,下面案例可供参考

图片展示

推荐指南

适用人群:微信小程序有一点自定义组件基础的即可。


建议:对于没有接触过组件化开发思想的同学建议一步一个脚印的来,现在小程序中使用自定义组件开发。等熟练以后在上vant事半功倍。

一、基本介绍

Vant 是有赞前端团队开源的移动端组件库,于 2017 年开源,已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务,对外服务十多万开发者,是业界主流的移动端组件库之一。

目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本。

二、使用

这里我给大家推荐一篇我觉得还可以的文章,
微信小程序使用Vant
。对于如何使用而言我真的不想在做总结来。跟着官方文档上面ctrl c + v用就可以。(框架用的太多了,想多拿点时间琢磨以下自己怎么封装一个基于小程序的UI组件库。)

总结

作为实习生的我在公司摸鱼的发现,所以在这里分享给大家。希望大家平时也养成没事干去那些技术社区瞎逛的习惯。当然不喜欢瞎逛的可以关注我。每当我有了好的推荐我博文的形式向大家分享。

小程序UI框架推荐:Vant让你优雅的飞相关推荐

  1. 22款常用微信小程序UI框架推荐!

    22个好看.常用的微信小程序UI组件库推荐! 1. WeUI 地址:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 预览 ...

  2. 多文档程序 两个menu框架_汇总9款优秀的开源小程序UI框架

    卧槽这玩意儿写的这么烂,我可以写一个更烂的来恶心作者--开源社区,经典语录 随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库. 布莱恩特:Github优秀的小程序 ...

  3. 基于H5 小程序 UI框架选型 2020年9月10号

    基于H5 小程序 UI框架选型 选型标准: 1. 便于后面项目小程序 app等改造 2. 开发轻便 3. 学习成本低 4. 框架生态完整 一.方案确定 方案1 (使用原生HTML+CSS实现) 优点 ...

  4. 上传文件 微信小程序input_快速上手微信小程序UI框架

    本课程属于 微信小程序 A计划,不单独售卖,加入 A 计划可免费观看本课程及所有 微信小程序 收费课程~ 微信小程序 A计划永久有效期购买链接: http://www.sikiedu.com/clas ...

  5. 推荐常用的小程序Ui框架

    开源框架 1. mpvue mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的  runtime 和  com ...

  6. 后端程序员转行前端,强烈推荐这6个前端UI框架,第二款小程序UI框架颜值最高!...

    昨天有个同事问我有没有可以直接上手的前端UI框架. 那今天就给大家推荐6个简单.视觉体验好的前端框架 没吃过猪肉,肯定见过猪跑! Jquery Mobile demo地址: https://demos ...

  7. 后端程序员转行前端,强烈推荐这6个前端UI框架,第二款小程序UI框架颜值最高!

    昨天有个同事问我有没有可以直接上手的前端UI框架. 那今天就给大家推荐6个简单.视觉体验好的前端框架 没吃过猪肉,肯定见过猪跑! Jquery Mobile demo地址: https://demos ...

  8. 分享一个高质量的 小程序UI框架

    先上ui 地址 github.com/weilanwl/Co- 先看这里,我感觉这个ui开源作者肯定是一位ui设计师,介绍就已经很高颜值了,下面我们来观看一下这个ui框架,这个ui框架和其他ui框架不 ...

  9. 小程序UI框架minui

    市面上小程序的UI框架似乎很少,不过合理的使用UI框架确实能帮助我们节省一些时间.同时考虑到知乎上评价minui与wepy的兼容性相对比较好,所以使用wepy的小伙伴可以了解一下. //安装minui ...

  10. 里面使用轮播_小程序ColorUI框架初步使用教程及个人项目实战

    小程序ColorUI框架初步使用教程及个人项目实战 最近在写自己的一个微信小程序项目<阿涛技术博客>,目前还在写前端小程序部分,之前我有用过小Weiui,Linui等微信小程序UI框架,在 ...

最新文章

  1. colorAccent,colorPrimary,colorPrimaryDark 作用的地方
  2. c 提取引号中间的字符串_Python | 一文看懂Python列表、元组和字符串操作
  3. 飞越难关,飞书生态「战疫工具箱」来驰援!
  4. 如何把字符串类型转换成整型?
  5. pythongui管理系统项目_Python实现GUI学生信息管理系统
  6. 概要设计说明书_没有什么比牙签更好的设计了
  7. Python Unittest参数化parameterized之数据驱动
  8. C# 中的 gdi 而不是 gdi+
  9. 如何在同一Linux服务器上创建多站点
  10. 项目管理:项目进度优化策略
  11. 实验7 多个交换机虚拟局域网
  12. sql-in查询-元素超过1000条解决方案
  13. android 强制锁屏app,自制力app强制锁屏
  14. pyqt5事件与鼠标事件
  15. windows功能_【各种功能升级】微信windows版v2.9新体验
  16. 基于HDP使用Flume实时采集MySQL中数据传到Kafka
  17. XML 文件加密与解密
  18. 2.4gwifi最高下载速度_2.4gwifi最高下载速度
  19. multisim仿真 74LS148D芯片
  20. 【Tool】项目管理:工作组规划器 Microsoft Project

热门文章

  1. Pano2VR生成的HTML文件打开为黑屏
  2. 人工智能新闻写作软件3.0时代来临
  3. mmsi是代表船舶什么_船舶常见的一些缩写
  4. java web 微博系统_【Java项目】——Java Web完整项目(微博系统)-Go语言中文社区...
  5. laravel pdf 加水印
  6. android 获取默认字体,Android中的默认字体系列是什么?
  7. 如何打开.yml文件
  8. 服务器cpu天梯图_2019年CPU单核跑分天梯图
  9. Ubuntu20.04安装教程
  10. 非系统盘根目录出现Msdia80.dll文件如何处理