Vant Weapp

轻量可靠的小程序 UI 组件库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 何哲
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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>
 相关资料
  • 所属类别 交互(Interactions) 用法 描述:使用鼠标调整列表中或者网格中元素的排序。 版本新增:1.0 依赖: UI 核心(UI Core) 部件库(Widget Factory) 鼠标交互(Mouse Interaction) 注释:jQuery UI 可排序(Sortable)插件让被选元素通过鼠标拖拽进行排序。 注释:为了排序表格行,tbody 必须是可排序的(sortable)

  • 一个简单的Spring Boot应用程序仅打印一个“Hello World”,当它打包为一个可部署的WAR时,它的大小为11.5MB。当我爆发战争时,WEB-INF/lib文件夹是库太多的根本原因。 如何仅使用最少的必需/依赖库创建WAR? 在提到spring-boot-starter-tomcat的作用域时,嵌入式Tomcat服务器是否仍与WAR一起打包? 我在玩Spring测试套件(STS)附

  • 使用微信开发者工具开发小程序时,如若使用TDesign组件库有什么注意事项吗?

  • 问题内容: JPanel和JFrame有什么区别,以及与轻量级,重量级的关系? 问题答案: JPanel是允许将多个UI组件放在一起的容器。JFrame是使用Swing编写的窗口。 所有的Swing组件都是所谓的“轻型”组件,因为它们是用Java编写的。例如,如果您运行Swing应用程序并尝试使用UI分析工具(例如Windows中的WinSpy)对其进行分析,则只会看到一个元素:窗口(JFrame

  • 本文向大家介绍Android 中构建快速可靠的 UI 测试,包括了Android 中构建快速可靠的 UI 测试的使用技巧和注意事项,需要的朋友参考一下 前言 让我一起来看看 Iván Carballo和他的团队是如何使用Espresso, Mockito 和Dagger 2 编写250个UI测试,并且只花了三分钟就运行成功的。 在这篇文章中,我们会探索如何使用Mockito(译者注:Mockito

  • 海蓝(navy blue)是最为大众所接受的颜色之一。采用这种颜色的色彩组合可解释成可靠、值得信赖的色彩。这类组合也带有不可置疑的权威感。警官、海军军官或法官都穿着深色、稳定的海军蓝,以便在值勤时表现出统率、支配的权威感。 当海军蓝用红和金色来强调时,会变得较不严肃,但仍表达出坚定、有力量的感觉。 补色色彩组合 原色色彩组合 单色色彩组合 21 65 17 65 33 1 65 67 70 65

  • 问题内容: 我知道Swing被认为是轻量级的,因为它是完全用Java实现的,而无需调用本机操作系统来绘制图形用户界面组件。 另一方面,AWT(抽象窗口工具箱)是重量级的工具箱,因为它仅调用操作系统以产生其GUI组件。 但是我听说Swing仍然基于AWT,甚至Swing组件也必须至少有一个重量级的容器。换句话说,JFrame,JApplet不是轻量级的,是真的吗?找出你的原因? 问题答案: JFra

  • 本文向大家介绍微信小程序 video组件详解,包括了微信小程序 video组件详解的使用技巧和注意事项,需要的朋友参考一下 主要属性: 效果图: ml: js: 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!