Action-03371b5e.js
1.64 KB
import{d as f,k as E,u as A,a8 as c,_ as d,a9 as v,aa as s,a0 as a,f as l,E as u,$ as C,F,ab as k,a1 as D}from"./vue-5a35c3f5.js";import{S as $,_ as B}from"./index.js";import{P as b}from"./index-f532aa07.js";import"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const g=f({components:{ScrollContainer:$,PageWrapper:b},setup(){const e=E(null),o=()=>{const r=A(e);if(!r)throw new Error("scroll is Null");return r};function p(r){o().scrollTo(r)}function i(){o().scrollBottom()}return{scrollTo:p,scrollRef:e,scrollBottom:i}}});const y={class:"my-4"},S={class:"scroll-wrap"},T={class:"p-3"};function w(e,o,p,i,r,x){const n=c("a-button"),m=c("ScrollContainer"),_=c("PageWrapper");return d(),v(_,{title:"滚动组件函数示例",content:"基于el-scrollbar"},{default:s(()=>[a("div",y,[l(n,{onClick:o[0]||(o[0]=t=>e.scrollTo(100)),class:"mr-2"},{default:s(()=>[u(" 滚动到100px位置 ")]),_:1}),l(n,{onClick:o[1]||(o[1]=t=>e.scrollTo(800)),class:"mr-2"},{default:s(()=>[u(" 滚动到800px位置 ")]),_:1}),l(n,{onClick:o[2]||(o[2]=t=>e.scrollTo(0)),class:"mr-2"},{default:s(()=>[u(" 滚动到顶部 ")]),_:1}),l(n,{onClick:o[3]||(o[3]=t=>e.scrollBottom()),class:"mr-2"},{default:s(()=>[u(" 滚动到底部 ")]),_:1})]),a("div",S,[l(m,{class:"mt-4",ref:"scrollRef"},{default:s(()=>[a("ul",T,[(d(),C(F,null,k(100,t=>a("li",{key:t,class:"p-2",style:{border:"1px solid #eee"}},D(t),1)),64))])]),_:1},512)])]),_:1})}const j=B(g,[["render",w],["__scopeId","data-v-6f2c0bd2"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/comp/scroll/Action.vue"]]);export{j as default};