/*! For license information please see 409.4a242183.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["409"],{84322:function(s,a,n){"use strict";n.r(a);var l=n("80681");let t=["innerHTML"];a.default={setup:()=>({html:""}),render:()=>((0,l.wg)(),(0,l.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

Built-in Style

\n

Intro

\n

Vant contains some common styles that can be used directly by the className.

\n

Text ellipsis

\n

When the text content length exceeds the maximum container width, the excess text is automatically omitted.

\n
<div class="van-ellipsis">\n  This is a paragraph that displays up to one line of text, and the rest of the\n  text will be omitted.\n</div>\n\n<div class="van-multi-ellipsis--l2">\n  This is a paragraph that displays up to two lines of text, and the rest of the\n  text will be omitted.\n</div>\n\n<div class="van-multi-ellipsis--l3">\n  This is a paragraph that displays up to three lines of text, and the rest of\n  the text will be omitted.\n</div>\n
\n

Hairline

\n

Add 1px border under the Retina screen for the element, based on a pseudo element.

\n
<!-- border top -->\n<div class="van-hairline--top"></div>\n\n<!-- border bottom -->\n<div class="van-hairline--bottom"></div>\n\n<!-- border left -->\n<div class="van-hairline--left"></div>\n\n<!-- border right -->\n<div class="van-hairline--right"></div>\n\n<!-- border top & bottom -->\n<div class="van-hairline--top-bottom"></div>\n\n<!-- full border -->\n<div class="van-hairline--surround"></div>\n
\n

Safe Area

\n

Enable safe area.

\n
<!-- top -->\n<div class="van-safe-area-top"></div>\n\n<!-- bottom -->\n<div class="van-safe-area-bottom"></div>\n
\n

Animation

\n
<!-- fade in  -->\n<transition name="van-fade">\n  <div v-show="visible">Fade</div>\n</transition>\n\n<!-- slide up -->\n<transition name="van-slide-up">\n  <div v-show="visible">Slide Up</div>\n</transition>\n\n<!-- slide down -->\n<transition name="van-slide-down">\n  <div v-show="visible">Slide Down</div>\n</transition>\n\n<!-- slide left -->\n<transition name="van-slide-left">\n  <div v-show="visible">Slide Left</div>\n</transition>\n\n<!-- slide right -->\n<transition name="van-slide-right">\n  <div v-show="visible">Slide Right</div>\n</transition>\n
\n

Haptics Feedback

\n

Add haptics feedback for an element. When touched, the opacity of the element is reduced.

\n

Usually used in clickable elements such as button.

\n
<div class="van-haptics-feedback"></div>\n
\n

Clearfix

\n

Clear floated content within a container.

\n
<div class="van-clearfix"></div>\n
\n
'},null,8,t))}}}]);