| 1 |
- import{d as _,af as C,r as k,u as T,_ as b,y as i,o as f,c as w,w as r,a as e,e as t,b as n,l as y,N as v,O as x,t as B}from"./index-e434811d.js";import{P as g}from"./index-8ca42199.js";import"./onMountedOrActivated-83a3d17e.js";import"./useWindowSizeFn-520070b5.js";import"./useContentViewHeight-83c83859.js";const N=_({components:{ScrollContainer:C,PageWrapper:g},setup(){const s=k(null),l=()=>{const a=T(s);if(!a)throw new Error("scroll is Null");return a};function p(a){l().scrollTo(a)}function u(){l().scrollBottom()}return{scrollTo:p,scrollRef:s,scrollBottom:u}}}),P={class:"my-4"},S={class:"scroll-wrap"},E={class:"p-3"};function O(s,l,p,u,a,W){const c=i("a-button"),m=i("ScrollContainer"),d=i("PageWrapper");return f(),w(d,{title:"\u6EDA\u52A8\u7EC4\u4EF6\u51FD\u6570\u793A\u4F8B",content:"\u57FA\u4E8Eel-scrollbar"},{default:r(()=>[e("div",P,[t(c,{onClick:l[0]||(l[0]=o=>s.scrollTo(100)),class:"mr-2"},{default:r(()=>[n(" \u6EDA\u52A8\u5230100px\u4F4D\u7F6E ")]),_:1}),t(c,{onClick:l[1]||(l[1]=o=>s.scrollTo(800)),class:"mr-2"},{default:r(()=>[n(" \u6EDA\u52A8\u5230800px\u4F4D\u7F6E ")]),_:1}),t(c,{onClick:l[2]||(l[2]=o=>s.scrollTo(0)),class:"mr-2"},{default:r(()=>[n(" \u6EDA\u52A8\u5230\u9876\u90E8 ")]),_:1}),t(c,{onClick:l[3]||(l[3]=o=>s.scrollBottom()),class:"mr-2"},{default:r(()=>[n(" \u6EDA\u52A8\u5230\u5E95\u90E8 ")]),_:1})]),e("div",S,[t(m,{class:"mt-4",ref:"scrollRef"},{default:r(()=>[e("ul",E,[(f(),y(v,null,x(100,o=>e("li",{key:o,class:"p-2",style:{border:"1px solid #eee"}},B(o),1)),64))])]),_:1},512)])]),_:1})}const R=b(N,[["render",O],["__scopeId","data-v-981521f7"]]);export{R as default};
|
