pages-API-intersection-observer-intersection-observer.zFyl9yDV.js 1.0 KB

1
  1. import{_ as a,aj as s,b as e,d as t,p as l,w as i,H as n,i as o,o as r,f as c,k as d,t as p,C as u,S as f}from"./index-2PZN6pGH.js";let _=null;const m=a({data:()=>({appear:!1,title:"intersectionObserver"}),onReady(){_=s(this),_.relativeTo(".scroll-view").observe(".ball",(a=>{a.intersectionRatio>0&&!this.appear?this.appear=!0:!a.intersectionRatio>0&&this.appear&&(this.appear=!1)}))},onUnload(){_&&_.disconnect()}},[["render",function(a,s,_,m,h,v){const b=e(t("page-head"),n),w=o,R=u,g=f;return r(),l(w,null,{default:i((()=>[c(b,{title:h.title},null,8,["title"]),c(w,{class:"uni-padding-wrap uni-common-mt"},{default:i((()=>[c(w,{class:"uni-title uni-common-mt"},{default:i((()=>[d(p(h.appear?"小球出现":"小球消失"),1)])),_:1}),c(g,{class:"scroll-view","scroll-y":""},{default:i((()=>[c(w,{class:"scroll-area"},{default:i((()=>[c(R,{class:"notice"},{default:i((()=>[d("向下滚动让小球出现")])),_:1}),c(w,{class:"ball"})])),_:1})])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-74f78644"]]);export{m as default};