Vant Weapp 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Vant Weapp 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Vant Weapp 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

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

预览

扫描下方小程序二维码,体验组件库示例:

内置样式

Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。

使用指南

在 app.wxss 中引入内置样式

@import "path/to/vant-weapp/dist/common/index.wxss";

 

文字省略

当文本内容长度超过容器最大宽度时,自动省略多余的文本。

<view class="van-ellipsis">这是一段宽度限制 250px 的文字,后面的内容会省略</view>

 

1px 边框

为元素添加 Retina 屏幕下的 1px 边框(即 hairline),基于伪类 transform 实现。

<!-- 上边框 -->
<view class="van-hairline--top"></view>

<!-- 下边框 -->
<view class="van-hairline--bottom"></view>

<!-- 左边框 -->
<view class="van-hairline--left"></view>

<!-- 右边框 -->
<view class="van-hairline--right"></view>

<!-- 上下边框 -->
<view class="van-hairline--top-bottom"></view>

<!-- 全边框 -->
<view class="van-hairline--surround"></view>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(3)
发表于大前端专区
2019/04/25 07:09

Vant Weapp 0.5.11 发布,有赞小程序 UI 组件库

Vant Weapp 0.5.11 发布了,Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 新版更新内容如下: Bug 修复 Area: 修复同步设置areaList时不显示选项 #1556 Slider: 修复拖拽同时设置 value 时拖拽失效 #1553 Collapse: 修复 collapse-item 销毁时未从 collapse 中注销 #1517 Improvements Icon: 升级 @vant/icons 至1.1.6 #1560 DatetimePicke...

0
8
发表于大前端专区
2019/04/04 06:40

Vant Weapp 0.5.9 发布,有赞小程序 UI 组件库

Vant Weapp 0.5.9 发布了,Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 新版更新内容如下: Improvements 输出es5构建 #1485 Stepper: 新增 input-width 属性 #1480 Checkbox: 修复文档示例错误 #1479 Notify: 新增 safe-area-inset-top 属性 #1478 Popup: 新增 safe-area-inset-top 属性 #1478 Navbar: 新增 safe-area-inset-top 属性 #1...

0
5
发表于大前端专区
2019/03/24 06:52

Vant Weapp 0.5.8 发布,有赞小程序 UI 组件库

Vant Weapp 0.5.8 发布了,Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 新版更新内容如下: Improvements Stepper: 样式更新 #1424 Collapse: 新增 border 属性 #1408 CellGroup: 新增 title 属性 #1407 Search: 样式更新 #1396 Search: 新增 label、shape 属性 #1396 Search: 新增 slot label #1396 Popup: 添加 transitionEnd 事件 #134...

0
8
发表于大前端专区
2019/02/27 07:21

Vant Weapp 0.5.5 发布,有赞小程序 UI 组件库

Vant Weapp 0.5.5 发布了,Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 新版更新内容如下: Improvements Transition: 实现由 animation 重构为 transition #1341 Transition: 支持通过外部样式类自定义过渡效果 #1341 Transition: 支持 duration 传入对象来定制进入和移出的持续时间 #1341 Popup: 支持 duration 传入对象来定制进入和移出...

8
9
发表于大前端专区
2018/12/23 07:17

Vant Weapp 0.4.10 发布,有赞小程序 UI 组件库

Vant Weapp 0.4.10 更新内容: Improvements Card: 更新样式 #1085 Card: 更新 thumb-mode 默认值为 aspectFit #1039 Field: 新增 show-confirm-bar 属性 #1040 TreeSelect: 更新样式 #1084 TreeSelect: 支持左侧选项禁用 #1084 TreeSelect: 增加外部样式类 #1084 Picker: 新增选择器组件 #1083 Tag: 新增 text-color 属性 #1077 Collapse: 更新 content 样式 #1069 Checkbox: 更新禁用态 label 颜色 #1068 Checkbox: 优化渲染性...

0
9
发表于大前端专区
2018/12/04 07:46

Vant Weapp 0.4.8 发布,有赞小程序 UI 组件库

Vant Weapp 0.4.8 更新内容: Improvements Icon: 增加更多基础图标 #980 Icon: 支持传入图片链接作为图标展示 #973 Tab: 新增 animated 属性 #957 Field: 新增 left-icon 插槽 #962 Field: 新增 focus、blur 事件回调参数 #956 Field: 新增 adjust-position、confirm-hold 属性 #955 NavBar: 新增 border 属性 #960 Dialog: 新增 transition 属性 #990 Rate: 新增 icon、void-icon 属性 #961 文档:支持在线预览组件效果 #967...

0
13
发表于大前端专区
2018/10/10 07:37

Vant Weapp 0.3.8 发布,有赞小程序 UI 组件库

Vant Weapp 0.3.8 更新内容: Improvements Tab: 样式升级 #719 Badge: 样式升级 #718 Dialog: 样式升级 #717 TreeSelect: 适配 ipad #715 Card: 新增 lazyLoad 属性 #707 Bug Fixes 修复 Cell 边框在部分情况下无法展示的问题 #714 修复 Stepper 在 ipad 下高度错误的问题 #716 修复 Stepper disabled 状态下仍然可以点击的问题 #709 Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 AP...

0
4
发表于大前端专区
2018/10/09 07:46

Vant Weapp 0.3.7 发布,有赞小程序 UI 组件库

Vant Weapp 0.3.7 更新内容: Improvements Button: 优化禁用状态样式 #702 Button: 新增 round 属性 #704 Card: 新增 tag 属性 #705 Card: 新增 link-type 属性 #706 Card: 新增 thumb-link 属性 #706 Checkbox: 支持在原生 form 组件内使用 #694 Radio: 支持在原生 form 组件内使用 #694 Tab:新增 z-index 属性 #695 NoticeBar: 优化样式 #699 Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提...

0
3
发表于大前端专区
2018/09/14 07:27

Vant Weapp 0.3.2 发布,有赞小程序 UI 组件库

Vant Weapp 0.3.2 更新内容: Improvements Dialog: 新增弹出动画 #548 Dialog: 更新按钮色值 #543 Dialog: 新增 z-index 属性 #573 Popup: 新增 z-index 属性 #572 Toast: 新增 z-index 属性 #571 Badge: 性能优化 #546 Tabbar: 性能优化 #547 调整组件边框色值 #554 Bug Fixes 修复 Badge active 属性不生效的问题 #569 修复 Tab color 属性会改变未激活标签的颜色的问题 #570 修复 Field 展示清除按钮时导致输入框高度变化的...

0
6
发表于大前端专区
2018/09/09 07:30

Vant Weapp 0.3.1 发布,有赞小程序 UI 组件库

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 Vant Weapp 0.3.1 是一个小的 bug 修复版本,主要修复内置样式无法引入的问题 #535 。 源码下载: Source code(zip) Source code(tar.gz)

0
7
发表于大前端专区
2018/09/08 07:25

Vant Weapp 0.3.0 发布,有赞小程序 UI 组件库

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 Vant Weapp 0.3.0 更新日志: Breaking changes Actionsheet: 重命名为 ActionSheet #514 Toast: 修改组件引入路径,避免编辑器报错的问题 #524 组件统一使用 ES module 进行模块引用 #499 Improvements 新增 Tab 标签页组件 #496 新增 Dialog 对话框组件 #496 优化 Popup 动画,支持退场动画 ...

0
5
发表于大前端专区
2018/09/01 07:05

Vant Weapp 0.2.1 发布,轻量可靠的小程序 UI 组件库

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 Vant Weapp 0.2.1 更新日志: 改进 新增 Progress 进度条组件 #459 Field:增加 title-width 属性 #482 Search: 支持在原生 form 组件内使用 #480 Switch: 支持在原生 form 组件内使用 #478 Stepper: 支持在原生 form 组件内使用 #477 SwitchCell: 支持在原生 form 组件内使用 #479 Field: 优化...

0
6
发表于大前端专区
2018/08/14 07:43

Vant Weapp 0.1.0 发布,轻量可靠的小程序 UI 组件库

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。 Vant Weapp 0.1.0 更新日志: Breaking changes 统一采用 click 作为点击事件名 Improvements 新增 Utils 工具方法 优化文档对事件名的描述 Bug Fixes 修复 Card 金额为 0 时无法展示的问题 源码下载: Source code (zip) Source code (tar.gz)...

2
9
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
3 评论
192 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部