text: import{r as a,a as k,b as g,e as n,t as o,d as s,w as c,F as d,j as p,i as t}from"./app.3408002f.js";const h=p(`<h1 id="\u8F6E\u64AD\u56FE" tabindex="-1"><a class="header-anchor" href="#\u8F6E\u64AD\u56FE" aria-hidden="true">#</a> \u8F6E\u64AD\u56FE</h1><div class="custom-container tip"><p class="custom-container-title">\u7EE7\u627F\u81EA\u539F\u751Fswiper</p><p>\u8BE5\u7EC4\u4EF6\u662F\u57FA\u4E8E\u539F\u751F <code>swiper</code> \u7EC4\u4EF6\u7684\u5C01\u88C5\uFF0C\u800C <code>swiper</code> \u5BF9\u9F20\u6807\u7684\u62D6\u62FD\u4E0D\u662F\u5F88\u53CB\u597D\u3002</p><p> \u6240\u4EE5\u5982\u679C\u4F60\u5E0C\u671B\u6709\u66F4\u597D\u7684\u4F53\u9A8C\u53EF\u4EE5\u76F4\u63A5\u5728\u624B\u673A\u4E0A\u8FDB\u884C H5 \u8C03\u8BD5\u3002 </p></div><br><br><h2 id="\u793A\u4F8B" tabindex="-1"><a class="header-anchor" href="#\u793A\u4F8B" aria-hidden="true">#</a> \u793A\u4F8B \u{1F914}</h2><br><h3 id="\u57FA\u7840" tabindex="-1"><a class="header-anchor" href="#\u57FA\u7840" aria-hidden="true">#</a> \u57FA\u7840</h3><p>\u8BBE\u7F6E <code>list</code> \u5373\u53EF\uFF0C<code>list</code> \u6570\u7EC4\u5185\u5143\u7D20\u7684\u56FE\u7247\u8DEF\u5F84 <code>url</code> \u662F\u5FC5\u586B\u7684\u3002</p><div class="language-vue ext-vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>t-banner</span> <span class="token attr-name">:list</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>list<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
      <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
          <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
              <span class="token keyword">return</span> <span class="token punctuation">{</span>
                  list<span class="token operator">:</span> <span class="token punctuation">[</span>
                      <span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10080749/pexels-photo-10080749.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043934/pexels-photo-10043934.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;3&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043933/pexels-photo-10043933.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span>
                  <span class="token punctuation">]</span>
              <span class="token punctuation">}</span>
          <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
  </code></pre></div><br><br><h3 id="\u7EB5\u5411" tabindex="-1"><a class="header-anchor" href="#\u7EB5\u5411" aria-hidden="true">#</a> \u7EB5\u5411</h3><p>\u8BA9 <code>vertical</code> \u4E3A <code>true</code> \u5373\u53EF</p><div class="language-vue ext-vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>t-banner</span> <span class="token attr-name">:list</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>list<span class="token punctuation">&quot;</span></span> <span class="token attr-name">vertical</span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
      <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
          <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
              <span class="token keyword">return</span> <span class="token punctuation">{</span>
                  list<span class="token operator">:</span> <span class="token punctuation">[</span>
                      <span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10080749/pexels-photo-10080749.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043934/pexels-photo-10043934.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;3&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043933/pexels-photo-10043933.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span>
                  <span class="token punctuation">]</span>
              <span class="token punctuation">}</span>
          <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
  </code></pre></div><br><br><h3 id="\u81EA\u5B9A\u4E49\u6307\u793A\u5668" tabindex="-1"><a class="header-anchor" href="#\u81EA\u5B9A\u4E49\u6307\u793A\u5668" aria-hidden="true">#</a> \u81EA\u5B9A\u4E49\u6307\u793A\u5668</h3><p>\u9996\u5148\u8BBE\u7F6E <code>indicatorDots</code> \u4E3A <code>false</code>\uFF0C</p><p>\u518D\u901A\u8FC7 <code>indicator</code> \u4F5C\u7528\u57DF\u63D2\u69FD\u7528\u4E8E\u81EA\u5B9A\u4E49\u6307\u793A\u5668\uFF0C\u4F5C\u7528\u57DF\u63D2\u69FD\u53C2\u6570\u5982\u4E0B</p><ul><li>current \u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u4E2A\u8F6E\u64AD\u56FE</li><li>total \u8F6E\u64AD\u56FE\u603B\u6570</li></ul><div class="language-vue ext-vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>t-banner</span> <span class="token attr-name">:list</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>list<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:indicatorDots</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>false<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span> <span class="token attr-name"><span class="token namespace">v-slot:</span>indicator</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>{ current, total }<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
                  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>custom<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>{{ current }} / {{ total }}<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
              <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>t-banner</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
      <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
          <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
              <span class="token keyword">return</span> <span class="token punctuation">{</span>
                  list<span class="token operator">:</span> <span class="token punctuation">[</span>
                      <span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10080749/pexels-photo-10080749.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043934/pexels-photo-10043934.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;3&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043933/pexels-photo-10043933.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span>
                  <span class="token punctuation">]</span>
              <span class="token punctuation">}</span>
          <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
  
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span> <span class="token attr-name">scoped</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>less<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token style"><span class="token language-css">
  <span class="token atrule"><span class="token rule">@import</span> <span class="token punctuation">(</span>reference<span class="token punctuation">)</span> <span class="token string">&#39;@/uni_modules/tob-ui/index.less&#39;</span><span class="token punctuation">;</span></span>
  
  <span class="token selector">.custom</span> <span class="token punctuation">{</span>
      .m-2<span class="token punctuation">;</span> 
      .px-1<span class="token punctuation">;</span> 
      .border<span class="token punctuation">;</span> 
      .rounded<span class="token punctuation">;</span> 
      .text-sm<span class="token punctuation">;</span> 
      .right-0<span class="token punctuation">;</span> 
      .bottom-0<span class="token punctuation">;</span> 
      .absolute<span class="token punctuation">;</span>
      .text-error<span class="token punctuation">;</span> 
      .border-error<span class="token punctuation">;</span> 
  <span class="token punctuation">}</span>
  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">&gt;</span></span>
  </code></pre><div class="highlight-lines"><br><br><br><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><div class="highlight-line">\xA0</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div></div><br><br><h3 id="\u5C3A\u5BF8" tabindex="-1"><a class="header-anchor" href="#\u5C3A\u5BF8" aria-hidden="true">#</a> \u5C3A\u5BF8</h3><p>\u8BBE\u7F6E <code>size</code> \u5373\u53EF</p><div class="language-vue ext-vue"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>view</span><span class="token punctuation">&gt;</span></span>
          <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>t-banner</span> <span class="token attr-name">:list</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>list<span class="token punctuation">&quot;</span></span> <span class="token attr-name">size</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>xs<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>view</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
  
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
      <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token punctuation">{</span>
          <span class="token function">data</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
              <span class="token keyword">return</span> <span class="token punctuation">{</span>
                  list<span class="token operator">:</span> <span class="token punctuation">[</span>
                      <span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;1&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10080749/pexels-photo-10080749.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;2&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043934/pexels-photo-10043934.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span><span class="token punctuation">,</span>
  					<span class="token punctuation">{</span>
  						name<span class="token operator">:</span> <span class="token string">&#39;3&#39;</span><span class="token punctuation">,</span>
  						url<span class="token operator">:</span> <span class="token string">&#39;https://images.pexels.com/photos/10043933/pexels-photo-10043933.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;w=500&#39;</span>
  					<span class="token punctuation">}</span>
                  <span class="token punctuation">]</span>
              <span class="token punctuation">}</span>
          <span class="token punctuation">}</span>
      <span class="token punctuation">}</span>
  </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
  </code></pre></div><br><br><br><h2 id="\u5C5E\u6027" tabindex="-1"><a class="header-anchor" href="#\u5C5E\u6027" aria-hidden="true">#</a> \u5C5E\u6027 \u{1F9D0}</h2>`,30),m=n("thead",null,[n("tr",null,[n("th",{style:{"text-align":"center"}},"\u5C5E\u6027"),n("th",{style:{"text-align":"center"}},"\u8BF4\u660E"),n("th",{style:{"text-align":"center"}},"\u7C7B\u578B"),n("th",{style:{"text-align":"center"}},"\u9ED8\u8BA4\u503C"),n("th",{style:{"text-align":"center"}},"\u53EF\u9009\u503C")])],-1),b=n("td",{style:{"text-align":"center"}},"list",-1),x=n("td",{style:{"text-align":"center"}},"\u8F6E\u64AD\u56FE\u5217\u8868",-1),y=n("td",{style:{"text-align":"center"}},"array",-1),_=n("td",{style:{"text-align":"center"}},"[]",-1),v=n("td",{style:{"text-align":"center"}},"size",-1),w=n("td",{style:{"text-align":"center"}},"\u5C3A\u5BF8",-1),f=n("td",{style:{"text-align":"center"}},"string",-1),q=n("td",{style:{"text-align":"center"}},"md",-1),j={style:{"text-align":"center"}},E=n("tr",null,[n("td",{style:{"text-align":"center"}},"img"),n("td",{style:{"text-align":"center"}},"\u56FE\u7247\u5C5E\u6027"),n("td",{style:{"text-align":"center"}},"object"),n("td",{style:{"text-align":"center"}},"\u89C1\u4E0B\u65B9\u8BB2\u89E3"),n("td",{style:{"text-align":"center"}},[t("\u5305\u542B "),n("code",null,"t-img"),t(" \u7684 props \u7684\u5BF9\u8C61")])],-1),z=p('<br><br><h3 id="img-\u5C5E\u6027\u8BF4\u660E" tabindex="-1"><a class="header-anchor" href="#img-\u5C5E\u6027\u8BF4\u660E" aria-hidden="true">#</a> img \u5C5E\u6027\u8BF4\u660E</h3><p><code>swiper</code> \u5185\u90E8\u4F7F\u7528\u4E86 <code>t-img</code> \u7EC4\u4EF6\uFF0C\u6240\u4EE5\u5F00\u653E <code>img</code> \u5C5E\u6027\u7528\u6765\u627F\u8F7D\u56FE\u7247\u3002</p><p>\u8BE5\u5C5E\u6027\u63A5\u53D7\u4E00\u4E2A\u7B26\u5408 <code>t-img</code> \u7684 <code>props</code> \u7684\u5BF9\u8C61\u7528\u4E8E\u4FEE\u6539\u5185\u90E8\u9ED8\u8BA4\u7684\u7684 <code>props</code>\uFF0C\u4EE5\u4E0B\u662F\u6240\u6709\u9ED8\u8BA4\u503C\u3002</p>',5),F=n("thead",null,[n("tr",null,[n("th",{style:{"text-align":"center"}},"\u5C5E\u6027"),n("th",{style:{"text-align":"center"}},"\u8BF4\u660E"),n("th",{style:{"text-align":"center"}},"\u7C7B\u578B"),n("th",{style:{"text-align":"center"}},"\u9ED8\u8BA4\u503C")])],-1),L=n("tr",null,[n("td",{style:{"text-align":"center"}},"status"),n("td",{style:{"text-align":"center"}},"\u8F6E\u64AD\u56FE\u5217\u8868"),n("td",{style:{"text-align":"center"}},"string"),n("td",{style:{"text-align":"center"}})],-1),B=n("tr",null,[n("td",{style:{"text-align":"center"}},"webp"),n("td",{style:{"text-align":"center"}},"\u89E3\u6790webp\u683C\u5F0F"),n("td",{style:{"text-align":"center"}},"boolean"),n("td",{style:{"text-align":"center"}},"false")],-1),C=n("tr",null,[n("td",{style:{"text-align":"center"}},"shadow"),n("td",{style:{"text-align":"center"}},"\u9634\u5F71"),n("td",{style:{"text-align":"center"}},"string"),n("td",{style:{"text-align":"center"}},"none")],-1),N=n("tr",null,[n("td",{style:{"text-align":"center"}},"rounded"),n("td",{style:{"text-align":"center"}},"\u5706\u89D2"),n("td",{style:{"text-align":"center"}},"string"),n("td",{style:{"text-align":"center"}},"none")],-1),V=n("tr",null,[n("td",{style:{"text-align":"center"}},"lazyLoad"),n("td",{style:{"text-align":"center"}},"\u61D2\u52A0\u8F7D"),n("td",{style:{"text-align":"center"}},"boolean"),n("td",{style:{"text-align":"center"}},"false")],-1),D=n("tr",null,[n("td",{style:{"text-align":"center"}},"draggable"),n("td",{style:{"text-align":"center"}},"\u9F20\u6807\u957F\u6309\u662F\u5426\u80FD\u62D6\u52A8\u56FE\u7247"),n("td",{style:{"text-align":"center"}},"boolean"),n("td",{style:{"text-align":"center"}},"true")],-1),A=n("tr",null,[n("td",{style:{"text-align":"center"}},"mode"),n("td",{style:{"text-align":"center"}},"\u6A21\u5F0F"),n("td",{style:{"text-align":"center"}},"string"),n("td",{style:{"text-align":"center"}},"aspectFill")],-1),I=n("tr",null,[n("td",{style:{"text-align":"center"}},"size"),n("td",{style:{"text-align":"center"}},"\u5C3A\u5BF8"),n("td",{style:{"text-align":"center"}},"string"),n("td",{style:{"text-align":"center"}},"w-full h-full")],-1),R=n("td",{style:{"text-align":"center"}},"showMenuByLongpress",-1),S=n("td",{style:{"text-align":"center"}},"boolean",-1),H=n("td",{style:{"text-align":"center"}},"false",-1),M=t("\u5177\u4F53\u5C5E\u6027\u4ECB\u7ECD\u53EF\u89C1 \u{1F449} "),T=t("t-img \u5C5E\u6027"),G=t(" \u4E0E \u{1F449} "),J=t("t-img \u539F\u751F\u652F\u6301"),K=p('<br><br><br><h2 id="\u4E8B\u4EF6" tabindex="-1"><a class="header-anchor" href="#\u4E8B\u4EF6" aria-hidden="true">#</a> \u4E8B\u4EF6 \u{1F913}</h2><table><thead><tr><th style="text-align:center;">\u65B9\u6CD5\u540D</th><th style="text-align:center;">\u8BF4\u660E</th><th style="text-align:center;">\u53C2\u6570</th></tr></thead><tbody><tr><td style="text-align:center;">click</td><td style="text-align:center;">\u70B9\u51FB\u4E8B\u4EF6</td><td style="text-align:center;">\u4E8B\u4EF6\u5BF9\u8C61</td></tr><tr><td style="text-align:center;">itemClick</td><td style="text-align:center;">\u9879\u76EE\u70B9\u51FB</td><td style="text-align:center;">\u70B9\u51FB\u7684\u9879\u76EE</td></tr></tbody></table><br><br><br><h2 id="\u539F\u751F\u652F\u6301" tabindex="-1"><a class="header-anchor" href="#\u539F\u751F\u652F\u6301" aria-hidden="true">#</a> \u539F\u751F\u652F\u6301 \u{1F60B}</h2><ol><li><p><strong>\u5C5E\u6027</strong></p><ul><li>indicator-dots</li><li>indicator-color</li><li>indicator-active-color</li><li>active-class</li><li>changing-class</li><li>autoplay</li><li>current</li><li>current-item-id</li><li>interval</li><li>duration</li><li>circular</li><li>vertical</li><li>previous-margin</li><li>next-margin</li><li>acceleration</li><li>disable-programmatic-animation</li><li>display-multiple-items</li><li>skip-hidden-item-layout</li><li>disable-touch</li><li>touchable</li><li>easing-function</li></ul></li><li><p><strong>\u4E8B\u4EF6</strong></p><ul><li>change</li><li>transition</li><li>animationfinish</li></ul></li></ol>',10),O=t("\u5177\u4F53\u4F7F\u7528\u53EF\u4EE5\u524D\u5F80 \u{1F449} "),P={href:"https://uniapp.dcloud.io/component/swiper?id=swiper",target:"_blank",rel:"noopener noreferrer"},Q=t("uniapp-component-swiper"),U=t(" \u67E5\u770B"),W=n("br",null,null,-1),X=n("br",null,null,-1),Y=n("br",null,null,-1),sn={setup(Z){const l="\u6570\u7EC4\uFF0C\u5143\u7D20\u5FC5\u987B\u662F\u5305\u542Burl\u7684\u5BF9\u8C61",i="\u5F00\u542F\u957F\u6309\u56FE\u7247\u663E\u793A\u8BC6\u522B\u5C0F\u7A0B\u5E8F\u7801\u83DC\u5355";return($,nn)=>{const u=a("t-doc-size"),e=a("RouterLink"),r=a("ExternalLinkIcon");return k(),g(d,null,[h,n("table",null,[m,n("tbody",null,[n("tr",null,[b,x,y,_,n("td",{style:{"text-align":"center"}},o(l))]),n("tr",null,[v,w,f,q,n("td",j,[s(u)])]),E])]),z,n("table",null,[F,n("tbody",null,[L,B,C,N,V,D,A,I,n("tr",null,[R,n("td",{style:{"text-align":"center"}},o(i)),S,H])])]),n("p",null,[M,s(e,{to:"/components/base/img/#%E5%B1%9E%E6%80%A7"},{default:c(()=>[T]),_:1}),G,s(e,{to:"/components/base/img/#%E5%8E%9F%E7%94%9F%E6%94%AF%E6%8C%81"},{default:c(()=>[J]),_:1})]),K,n("p",null,[O,n("a",P,[Q,s(r)]),U]),W,X,Y],64)}}};export{sn as default};
  