文档章节

Vant Weapp 1.0 正式版发布

有赞coder
 有赞coder
发布于 2019/12/11 11:37
字数 1006
阅读 26
收藏 0

1.0 来了

2018 年 8 月 11 日,我们发布了 Vant Weapp 的首个版本。16 个月以来,我们收到了 27 位开发者贡献的 1000 多次提交,也处理了 1200 多个 issue,发布了 50 多个版本。Github 的 star 数从 5k 上升到了 11k,长期是 Github 上 star 数最多的第三方小程序 UI 组件库。

<img src="https://oscimg.oschina.net/oscnet/7b13ce2b7ae72258f05ee4cc1772016c.jpg" style="zoom:25%;">

现在,我们很高兴向大家介绍 Vant Weapp 1.0 版本

经过 2 个月的开发与 beta 测试,我们为大家带来了 11 个全新的组件,重构了多个现有组件,增加了覆盖所有组件的主题定制特性。并且,为了配合 Vant 家族的发展,正式将包名变更为 @vant/weapp

大家可以扫描下方小程序码体验 Vant Weapp 1.0 示例

file

新版本介绍

新的组件

在 Vant Weapp 1.0 版本中,我们新增了 11 个实用的基础组件:

  • Grid 宫格,用于展示内容或进行页面导航
  • Image 图片,增强版的 Image 标签,支持图片懒加载与加载失败提示
  • Circle 环形进度条,告知用户当前的状态和进度
  • Overaly 遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作
  • Divider 分割线,区隔内容的分割线
  • Sticky 粘性布局,与 CSS 中position: sticky属性实现的效果类似
  • Skeleton 骨架屏,在待加载区域展示的占位区块,提供界面加载过程中的过渡效果
  • IndexBar 索引栏,通讯录中的字母索引栏,用于长列表快速索引
  • Uploader 文件上传,上传一个或多个文件
  • CountDown 倒计时,用于显示活动倒计时、短信验证码等
  • DropdownMenu 下拉菜单,用于列表的分类选择、筛选及排序

file

样式定制

在 1.0 迭代计划确定之初,我们就不断思考这样一个问题 -- 该如何给用户提供动态切换主题样式的功能呢?

微信小程序的环境是非常特殊的。不具有动态加载代码的机制,同时微信又限制了代码的主包大小和总大小。传统的基于预设的样式定制过于臃肿,不再适合微信小程序的环境。

微信小程序自定义组件的组件模型相当于一个简化版的 Shadow DOM,幸运的是,小程序也支持了 CSS自定义属性 的特性。最终,我们基于CSS自定义属性设计了样式定制的方案,开发者使用灵活、方便,组件维护也更简单。

从 1.0 版本开始,Vant Weapp 中的所有组件都支持通过 CSS组定义属性 进行样式定制,具体使用姿势可查看相关文档

file

不兼容更新

1.0 版本中包含少量不兼容更新,主要是命名调整和移除个别属性。对于正在使用 0.x 版本的项目,请按照更新日志依次检查,大部分项目可以无痛升级

未来

Vant Weapp 会积极探索与腾讯云开发结合的可能性,为大家带来更好的使用体验。不久,我们将再次与大家见面。

最后

感谢社区长期以来为 Vant Weapp 提供的贡献与反馈,让我们始终与开发者站在一起。如果您在使用 Vant Weapp 的过程中遇到任何问题,欢迎在 Github 向我们反馈


Vant Weapp 1.0 的主要贡献者为(按首字母排序):@Andyliwr [@aphasic]9 @chenjiahan @creeperdance @Eamonnzhang @Fyerl  @JakeLaoyu @jerryni @kongyeah @Lindysen @linrz @rex-zsd @thoamsy @ylethe

> 本文由博客一文多发平台 OpenWrite 发布!

© 著作权归作者所有

有赞coder
粉丝 1
博文 7
码字总数 19639
作品 0
杭州
运营/编辑
私信 提问
Vant 1.0 正式发布:轻量、可靠的移动端 Vue 组件库

Vant 是有赞前端团队维护的移动端 Vue 组件库,提供了一整套 UI 基础组件和业务组件。通过 Vant 可以快速搭建出风格统一的页面,提升开发效率。 一、关于 Vant 1.0 距离 Vant 首次发布刚好过...

有赞技术
2018/03/21
0
0
在mpvue中引用vant weapp

使用mpvue作为框架,引入第三方的ui框架 vant-weapp vant-weapp: https://github.com/youzan/vant-weapp 下载vant-weapp的资源:https://github.com/youzan/vant-weapp.git 1、 2、 3、 4、全......

登天的感觉
2019/03/20
1K
0
Vant Weapp 0.3.1 发布,有赞小程序 UI 组件库

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 Vant Weapp 0.3.1 是一个小的 bug 修复版本,主要修复内...

王练
2018/09/09
822
0
Vant Weapp 0.5.11 发布,有赞小程序 UI 组件库

Vant Weapp 0.5.11 发布了,Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 新版更新内容如下: Bug 修复...

段段段落
2019/04/25
1K
0
基于mpvue的微信小程序项目搭建

[TOC] 1. 创建项目 参照mpvue五分钟上手教程 此时,可以看到新建了一个==dist==文件夹(新的模板可能是dist/wx),该目录就是生成的小程序相关代码。这时,只需要启动微信开发者工具,创建小...

YangTL
2018/11/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

获取map()以在Python 3.x中返回列表

我正在尝试将列表映射为十六进制,然后在其他地方使用该列表。 在python 2.6中,这很简单: 答: Python 2.6: >>> map(chr, [66, 53, 0, 94])['B', '5', '\x00', '^'] 但是,在Python 3.......

技术盛宴
6分钟前
4
0
基于TI达芬奇系列TMS320DM8148浮点DSP C674xBOOT SET启动选择开关、Micro SD接口

说明 由广州创龙设计的SOM-TL8148和SOM-TL8127核心板是Pin To Pin兼容,两款核心板公用同一块底板。DM8148与DM8127相比,DM8148有SATA接口,DM8127没有SATA接口;而DM8127有CSI2接口,DM814...

Tronlong创龙
9分钟前
4
0
产品经理如何有效进行需求管理?

需求是整个软件项目当中最重要一项输入。软件开发和传统生产行业最大的区别在于,需求总是模糊的、主观的和随时变化的。相对于电子产品、汽车等制造行业有形的硬件需求,软件开发的需求的描述...

Worktile
23分钟前
2
0
Python 判断变量是否是 None 的三种写法

代码中经常会有变量是否为None的判断,有三种主要的写法: 第一种是if x is None; 第二种是 if not x:; 第三种是if not x is None(这句这样理解更清晰if not (x is None)) 。 如果你觉得...

每天学Python
26分钟前
2
0
springboot初探——启动流程

前面已经介绍一下springboot,本篇开始介绍springboot在启动过程中做了什么,凭什么那么少的代码就能完成一个web项目。 其他的我们可以先不管,先来看一眼springboot的main方法 @SpringBootA...

计算机狼
44分钟前
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部