Style 内置样式

文档地址: https://vant-contrib.gitee.io/vant/#/zh-CN/style

直接使用类样式名来使用:

• 文字省略: van-ellipsis, van-multi-ellipsis--l2, van-multi-ellipsis--l3.
• 1px 边框: van-hairline--{{direction}}
  • top, bottom, left, right, top-bottom, surround
• 安全区 (适配 iPhoneX 的部分机型) van-safe-area-top, van-safe-area-bottom
• 动画
• 触碰反馈 van-haptics-feedback
• 清除浮动 van-clearfix

注意, 文字省略的多行文本后面的字母 l, 不是数字 1.

动画的使用:

<transition name="..."></transition>

可用动画有:

• van-fade
• van-slide-up
• van-slide-down
• van-slide-left
• van-slide-right

需要注意, 动画元素并未脱离文档流, 需要设置定位后, 再应用动画.