内置样式

    文字省略

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

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

    2. <div class="van-hairline--top"></div>
    4. <!-- 下边框 -->
    5. <div class="van-hairline--bottom"></div>
    7. <!-- 左边框 -->
    8. <div class="van-hairline--left"></div>
    9. <!-- 右边框 -->
    10. <div class="van-hairline--right"></div>
    12. <!-- 上下边框 -->
    13. <div class="van-hairline--top-bottom"></div>
    15. <!-- 全边框 -->
    16. <div class="van-hairline--surround"></div>

    安全区

    可以通过 transition 组件使用内置的动画类。

    1. <!-- 淡入 -->
    2. <transition name="van-fade">
    3.   <div v-show="visible">Fade</div>
    4. </transition>
    6. <!-- 上滑进入 -->
    7. <transition name="van-slide-up">
    8. </transition>
    11. <transition name="van-slide-down">
    12.   <div v-show="visible">Slide Down</div>
    13. </transition>
    15. <!-- 左滑进入 -->
    16. <transition name="van-slide-left">
    17.   <div v-show="visible">Slide Left</div>
    18. </transition>
    20. <!-- 右滑进入 -->
    21. <transition name="van-slide-right">
    22.   <div v-show="visible">Slide Right</div>

    触碰反馈

    为元素添加触碰反馈效果，触碰后，元素的透明度会降低。

    清除元素在 float 布局下的浮动，