Vant Weapp 预览内置样式 介绍
Vant Weapp 是有赞移动端组件库 Vant
的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。
预览
内置样式
Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。
在 app.wxss 中引入内置样式
@import "path/to/vant-weapp/dist/common/index.wxss";
<view class="van-ellipsis">这是一段宽度限制 250px 的文字,后面的内容会省略</view>
为元素添加 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>
Vant Weapp 预览内置样式 官网
https://github.com/youzan/vant-weapp
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。