import{o as a,a as n,y as l}from"./vue-libs.b44bc779.js";const t={class:"van-doc-markdown-body"},p=l(`

\u5185\u7F6E\u6837\u5F0F

\u4ECB\u7ECD

Vant \u4E2D\u9ED8\u8BA4\u5305\u542B\u4E86\u4E00\u4E9B\u5E38\u7528\u6837\u5F0F\uFF0C\u53EF\u4EE5\u76F4\u63A5\u901A\u8FC7 className \u7684\u65B9\u5F0F\u4F7F\u7528\u3002

\u6587\u5B57\u7701\u7565

\u5F53\u6587\u672C\u5185\u5BB9\u957F\u5EA6\u8D85\u8FC7\u5BB9\u5668\u6700\u5927\u5BBD\u5EA6\u65F6\uFF0C\u81EA\u52A8\u7701\u7565\u591A\u4F59\u7684\u6587\u672C\u3002

<!-- \u6700\u591A\u663E\u793A\u4E00\u884C -->
<div class="van-ellipsis">\u8FD9\u662F\u4E00\u6BB5\u6700\u591A\u663E\u793A\u4E00\u884C\u7684\u6587\u5B57\uFF0C\u591A\u4F59\u7684\u5185\u5BB9\u4F1A\u88AB\u7701\u7565</div>

<!-- \u6700\u591A\u663E\u793A\u4E24\u884C -->
<div class="van-multi-ellipsis--l2">
  \u8FD9\u662F\u4E00\u6BB5\u6700\u591A\u663E\u793A\u4E24\u884C\u7684\u6587\u5B57\uFF0C\u591A\u4F59\u7684\u5185\u5BB9\u4F1A\u88AB\u7701\u7565
</div>

<!-- \u6700\u591A\u663E\u793A\u4E09\u884C -->
<div class="van-multi-ellipsis--l3">
  \u8FD9\u662F\u4E00\u6BB5\u6700\u591A\u663E\u793A\u4E09\u884C\u7684\u6587\u5B57\uFF0C\u591A\u4F59\u7684\u5185\u5BB9\u4F1A\u88AB\u7701\u7565
</div>

1px \u8FB9\u6846

\u4E3A\u5143\u7D20\u6DFB\u52A0 Retina \u5C4F\u5E55\u4E0B\u7684 1px \u8FB9\u6846\uFF08\u5373 hairline\uFF09\uFF0C\u57FA\u4E8E\u4F2A\u7C7B transform \u5B9E\u73B0\u3002

<!-- \u4E0A\u8FB9\u6846 -->
<div class="van-hairline--top"></div>

<!-- \u4E0B\u8FB9\u6846 -->
<div class="van-hairline--bottom"></div>

<!-- \u5DE6\u8FB9\u6846 -->
<div class="van-hairline--left"></div>

<!-- \u53F3\u8FB9\u6846 -->
<div class="van-hairline--right"></div>

<!-- \u4E0A\u4E0B\u8FB9\u6846 -->
<div class="van-hairline--top-bottom"></div>

<!-- \u5168\u8FB9\u6846 -->
<div class="van-hairline--surround"></div>

\u5B89\u5168\u533A

\u4E3A\u5143\u7D20\u6DFB\u52A0\u5B89\u5168\u533A\u9002\u914D\u3002

<!-- \u9876\u90E8\u5B89\u5168\u533A -->
<div class="van-safe-area-top"></div>

<!-- \u5E95\u90E8\u5B89\u5168\u533A -->
<div class="van-safe-area-bottom"></div>

\u52A8\u753B

\u53EF\u4EE5\u901A\u8FC7 transition \u7EC4\u4EF6\u4F7F\u7528\u5185\u7F6E\u7684\u52A8\u753B\u7C7B\u3002

<!-- \u6DE1\u5165 -->
<transition name="van-fade">
  <div v-show="visible">Fade</div>
</transition>

<!-- \u4E0A\u6ED1\u8FDB\u5165 -->
<transition name="van-slide-up">
  <div v-show="visible">Slide Up</div>
</transition>

<!-- \u4E0B\u6ED1\u8FDB\u5165 -->
<transition name="van-slide-down">
  <div v-show="visible">Slide Down</div>
</transition>

<!-- \u5DE6\u6ED1\u8FDB\u5165 -->
<transition name="van-slide-left">
  <div v-show="visible">Slide Left</div>
</transition>

<!-- \u53F3\u6ED1\u8FDB\u5165 -->
<transition name="van-slide-right">
  <div v-show="visible">Slide Right</div>
</transition>
`,6),c=[p],o={__name:"README.zh-CN",setup(h,{expose:s}){return s({frontmatter:{}}),(e,j)=>(a(),n("div",t,c))}};export{o as default};