2 lines
2.0 KiB
Java
2 lines
2.0 KiB
Java
import{d as C,f as k,u as v,ah as i,aC as _,as as f,aF as s,au as a,k as e,G as p,ar as $,F as B,aD as g,av as S}from"./vue-vendor-C7Zq48Yl.js";import{S as T}from"./index-pxs5MULf.js";import{P as b}from"./index-C57gqG5N.js";import{d as w}from"./index-BI6CMai0.js";import"./antd-vue-vendor-BPnV8VqP.js";import"./index-BgYCgfME.js";import"./index-DeEq83Ov.js";import"./index-f8O7TghW.js";import"./useTimeout-DDl4l82I.js";import"./vxe-table-vendor-B88kchpX.js";import"./useIntersectionObserver-BMxdTqP3.js";import"./useContentHeight-BUFNkYs_.js";import"./useWindowSizeFn-PRZSD86C.js";import"./useContentViewHeight-BO9bTdue.js";import"./usePageContext-l-f4bNz7.js";import"./injectionKey-DPVn4AgL.js";const y=C({components:{ScrollContainer:T,PageWrapper:b},setup(){const t=k(null),o=()=>{const l=v(t);if(!l)throw new Error("scroll is Null");return l};function m(l){o().scrollTo(l)}function c(){o().scrollBottom()}return{scrollTo:m,scrollRef:t,scrollBottom:c}}}),N={class:"my-4"},P={class:"scroll-wrap"},x={class:"p-3"};function F(t,o,m,c,l,V){const n=i("a-button"),d=i("ScrollContainer"),u=i("PageWrapper");return f(),_(u,{title:"滚动组件函数示例",content:"基于el-scrollbar"},{default:s(()=>[a("div",N,[e(n,{onClick:o[0]||(o[0]=r=>t.scrollTo(100)),class:"mr-2"},{default:s(()=>[...o[4]||(o[4]=[p(" 滚动到100px位置 ",-1)])]),_:1}),e(n,{onClick:o[1]||(o[1]=r=>t.scrollTo(800)),class:"mr-2"},{default:s(()=>[...o[5]||(o[5]=[p(" 滚动到800px位置 ",-1)])]),_:1}),e(n,{onClick:o[2]||(o[2]=r=>t.scrollTo(0)),class:"mr-2"},{default:s(()=>[...o[6]||(o[6]=[p(" 滚动到顶部 ",-1)])]),_:1}),e(n,{onClick:o[3]||(o[3]=r=>t.scrollBottom()),class:"mr-2"},{default:s(()=>[...o[7]||(o[7]=[p(" 滚动到底部 ",-1)])]),_:1})]),a("div",P,[e(d,{class:"mt-4",ref:"scrollRef"},{default:s(()=>[a("ul",x,[(f(),$(B,null,g(100,r=>a("li",{key:r,class:"p-2",style:{border:"1px solid #eee"}},S(r),1)),64))])]),_:1},512)])]),_:1})}const Q=w(y,[["render",F],["__scopeId","data-v-981521f7"]]);export{Q as default};
|