element-plus/assets/zh-CN_component_backtop.md.eacaa0bc.js

import{_ as l,a as d}from"./chunks/custom.a2dd2413.js";import{_ as r}from"./chunks/contributors.aa2d3a90.js";import{c as i,a,w as o,u as p,b as t,d as e,e as E,r as C,o as u}from"./app.a8b139f6.js";const h=t("h1",{id:"backtop-\u56DE\u5230\u9876\u90E8",tabindex:"-1"},[e("Backtop \u56DE\u5230\u9876\u90E8 "),t("a",{class:"header-anchor",href:"#backtop-\u56DE\u5230\u9876\u90E8","aria-hidden":"true"},"#")],-1),k=t("p",null,"\u8FD4\u56DE\u9875\u9762\u9876\u90E8\u7684\u64CD\u4F5C\u6309\u94AE\u3002",-1),b=t("h2",{id:"\u57FA\u7840\u7528\u6CD5",tabindex:"-1"},[e("\u57FA\u7840\u7528\u6CD5 "),t("a",{class:"header-anchor",href:"#\u57FA\u7840\u7528\u6CD5","aria-hidden":"true"},"#")],-1),F=t("p",null,"\u901A\u8FC7\u6ED1\u52A8\u6765\u67E5\u770B\u5BB9\u5668\u53F3\u4E0B\u89D2\u7684\u6309\u94AE",-1),A=t("p",null,"backtop/basic",-1),D=t("h2",{id:"\u81EA\u5B9A\u4E49\u5185\u5BB9",tabindex:"-1"},[e("\u81EA\u5B9A\u4E49\u5185\u5BB9 "),t("a",{class:"header-anchor",href:"#\u81EA\u5B9A\u4E49\u5185\u5BB9","aria-hidden":"true"},"#")],-1),_=t("p",null,"\u663E\u793A\u533A\u57DF\u88AB\u56FA\u5B9A\u4E3A 40px * 40px \u7684\u533A\u57DF, \u5176\u4E2D\u7684\u5185\u5BB9\u53EF\u652F\u6301\u81EA\u5B9A\u4E49\u3002",-1),g=t("p",null,"backtop/custom",-1),m=E('<h2 id="\u56DE\u5230\u9876\u90E8-api" tabindex="-1">\u56DE\u5230\u9876\u90E8 API <a class="header-anchor" href="#\u56DE\u5230\u9876\u90E8-api" aria-hidden="true">#</a></h2><h3 id="backtop-\u5C5E\u6027" tabindex="-1">Backtop \u5C5E\u6027 <a class="header-anchor" href="#backtop-\u5C5E\u6027" aria-hidden="true">#</a></h3><table><thead><tr><th>\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td><code>target</code></td><td>\u89E6\u53D1\u6EDA\u52A8\u7684\u5BF9\u8C61</td><td><code>string</code></td><td>\u2014</td></tr><tr><td><code>visibility-height</code></td><td>\u6EDA\u52A8\u9AD8\u5EA6\u8FBE\u5230\u6B64\u53C2\u6570\u503C\u624D\u51FA\u73B0</td><td><code>number</code></td><td><code>200</code></td></tr><tr><td><code>right</code></td><td>\u63A7\u5236\u5176\u663E\u793A\u4F4D\u7F6E\uFF0C\u8DDD\u79BB\u9875\u9762\u53F3\u8FB9\u8DDD</td><td><code>number</code></td><td><code>40</code></td></tr><tr><td><code>bottom</code></td><td>\u63A7\u5236\u5176\u663E\u793A\u4F4D\u7F6E\uFF0C\u8DDD\u79BB\u9875\u9762\u5E95\u90E8\u8DDD\u79BB</td><td><code>number</code></td><td><code>40</code></td></tr></tbody></table><h2 id="backtop-\u4E8B\u4EF6" tabindex="-1">Backtop \u4E8B\u4EF6 <a class="header-anchor" href="#backtop-\u4E8B\u4EF6" aria-hidden="true">#</a></h2><table><thead><tr><th>\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td><code>click</code></td><td>\u70B9\u51FB\u6309\u94AE\u89E6\u53D1\u7684\u4E8B\u4EF6</td><td><code>(evt: MouseEvent) =&gt; void</code></td></tr></tbody></table><h2 id="backtop-\u63D2\u69FD" tabindex="-1">Backtop \u63D2\u69FD <a class="header-anchor" href="#backtop-\u63D2\u69FD" aria-hidden="true">#</a></h2><table><thead><tr><th>\u63D2\u69FD\u540D</th><th>\u8BF4\u660E</th></tr></thead><tbody><tr><td><code>default</code></td><td>\u81EA\u5B9A\u4E49\u9ED8\u8BA4\u5185\u5BB9</td></tr></tbody></table><h2 id="\u6E90\u4EE3\u7801" tabindex="-1">\u6E90\u4EE3\u7801 <a class="header-anchor" href="#\u6E90\u4EE3\u7801" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/backtop" target="_blank" rel="noopener noreferrer">\u7EC4\u4EF6</a> \u2022 <a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/backtop.md" target="_blank" rel="noopener noreferrer">\u6587\u6863</a></p><h2 id="\u8D21\u732E\u8005" tabindex="-1">\u8D21\u732E\u8005 <a class="header-anchor" href="#\u8D21\u732E\u8005" aria-hidden="true">#</a></h2>',10),N='{"title":"Backtop \u56DE\u5230\u9876\u90E8","description":"","frontmatter":{"title":"Backtop \u56DE\u5230\u9876\u90E8","lang":"zh-CN"},"headers":[{"level":2,"title":"\u57FA\u7840\u7528\u6CD5","slug":"\u57FA\u7840\u7528\u6CD5"},{"level":2,"title":"\u81EA\u5B9A\u4E49\u5185\u5BB9","slug":"\u81EA\u5B9A\u4E49\u5185\u5BB9"},{"level":2,"title":"\u56DE\u5230\u9876\u90E8 API","slug":"\u56DE\u5230\u9876\u90E8-api"},{"level":3,"title":"Backtop \u5C5E\u6027","slug":"backtop-\u5C5E\u6027"},{"level":2,"title":"Backtop \u4E8B\u4EF6","slug":"backtop-\u4E8B\u4EF6"},{"level":2,"title":"Backtop \u63D2\u69FD","slug":"backtop-\u63D2\u69FD"},{"level":2,"title":"\u6E90\u4EE3\u7801","slug":"\u6E90\u4EE3\u7801"},{"level":2,"title":"\u8D21\u732E\u8005","slug":"\u8D21\u732E\u8005"}],"relativePath":"zh-CN/component/backtop.md","lastUpdated":null}',v={},P=Object.assign(v,{setup(B){const s={"../../examples/backtop/basic.vue":l,"../../examples/backtop/custom.vue":d};return(f,x)=>{const n=C("Demo"),c=r;return u(),i("div",null,[h,k,b,F,a(n,{demos:p(s),source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20Scroll%20down%20to%20see%20the%20bottom-right%20button.%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eel-backtop%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Aright%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E100%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Abottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E100%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20punctuation%22%3E%2F%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"backtop/basic","raw-source":"%3Ctemplate%3E%0A%20%20Scroll%20down%20to%20see%20the%20bottom-right%20button.%0A%20%20%3Cel-backtop%20%3Aright%3D%22100%22%20%3Abottom%3D%22100%22%20%2F%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:o(()=>[A]),_:1},8,["demos"]),D,_,a(n,{demos:p(s),source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20Scroll%20down%20to%20see%20the%20bottom-right%20button.%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Eel-backtop%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3E%3Abottom%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E100%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20special-attr%22%3E%3Cspan%20class%3D%22token%20attr-name%22%3Estyle%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%0A%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20background-color%3A%20var(--el-bg-color-overlay)%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%20var(--el-box-shadow-lighter)%3B%0A%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20%20%20line-height%3A%2040px%3B%0A%20%20%20%20%20%20%20%20color%3A%20%231989fa%3B%0A%20%20%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20UP%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Ediv%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Eel-backtop%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%2F%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%3C%2Fcode%3E%3C%2Fpre%3E",path:"backtop/custom","raw-source":"%3Ctemplate%3E%0A%20%20Scroll%20down%20to%20see%20the%20bottom-right%20button.%0A%20%20%3Cel-backtop%20%3Abottom%3D%22100%22%3E%0A%20%20%20%20%3Cdiv%0A%20%20%20%20%20%20style%3D%22%0A%20%20%20%20%20%20%20%20height%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20%20%20background-color%3A%20var(--el-bg-color-overlay)%3B%0A%20%20%20%20%20%20%20%20box-shadow%3A%20var(--el-box-shadow-lighter)%3B%0A%20%20%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20%20%20line-height%3A%2040px%3B%0A%20%20%20%20%20%20%20%20color%3A%20%231989fa%3B%0A%20%20%20%20%20%20%22%0A%20%20%20%20%3E%0A%20%20%20%20%20%20UP%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fel-backtop%3E%0A%3C%2Ftemplate%3E%0A",description:""},{default:o(()=>[g]),_:1},8,["demos"]),m,a(c,{id:"backtop"})])}}});export{N as __pageData,P as default};