element-plus/assets/en-US_component_backtop.md.74335642.lean.js

import{_ as l,a as r}from"./chunks/custom.ef185dc8.js";import{_ as d}from"./chunks/contributors.c98208c9.js";import{c as i,a,w as o,u as c,b as t,d as e,e as u,r as E,o as C}from"./app.fbce7c62.js";const h=t("h1",{id:"backtop",tabindex:"-1"},[e("Backtop "),t("a",{class:"header-anchor",href:"#backtop","aria-hidden":"true"},"#")],-1),b=t("p",null,"A button to back to top.",-1),k=t("h2",{id:"basic-usage",tabindex:"-1"},[e("Basic Usage "),t("a",{class:"header-anchor",href:"#basic-usage","aria-hidden":"true"},"#")],-1),D=t("p",null,"Scroll down to see the bottom-right button.",-1),g=t("p",null,"backtop/basic",-1),m=t("h2",{id:"customizations",tabindex:"-1"},[e("Customizations "),t("a",{class:"header-anchor",href:"#customizations","aria-hidden":"true"},"#")],-1),A=t("p",null,"Display area is 40px * 40px.",-1),F=t("p",null,"backtop/custom",-1),_=u("",10),N='{"title":"Backtop","description":"","frontmatter":{"title":"Backtop","lang":"en-US"},"headers":[{"level":2,"title":"Basic Usage","slug":"basic-usage"},{"level":2,"title":"Customizations","slug":"customizations"},{"level":2,"title":"Backtop API","slug":"backtop-api"},{"level":3,"title":"Backtop Attributes","slug":"backtop-attributes"},{"level":2,"title":"Backtop Events","slug":"backtop-events"},{"level":2,"title":"Backtop Slots","slug":"backtop-slots"},{"level":2,"title":"Source","slug":"source"},{"level":2,"title":"Contributors","slug":"contributors"}],"relativePath":"en-US/component/backtop.md","lastUpdated":1652369008000}',v={},P=Object.assign(v,{setup(B){const s={"../../examples/backtop/basic.vue":l,"../../examples/backtop/custom.vue":r};return(f,x)=>{const n=E("Demo"),p=d;return C(),i("div",null,[h,b,k,D,a(n,{demos:c(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(()=>[g]),_:1},8,["demos"]),m,A,a(n,{demos:c(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(()=>[F]),_:1},8,["demos"]),_,a(p,{id:"backtop"})])}}});export{N as __pageData,P as default};