| 1 |
- var __vite_style__=document.createElement("style");__vite_style__.innerHTML="view-block[data-v-535d9fb1]{display:block}@keyframes nutFadeIn-535d9fb1{from{opacity:0}to{opacity:1}}@keyframes nutFadeOut-535d9fb1{from{opacity:1}to{opacity:0}}.nutFade-enter-active[data-v-535d9fb1],.nutFade-leave-active[data-v-535d9fb1],.nutFadeIn[data-v-535d9fb1],.nutFadeOut[data-v-535d9fb1]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutFade-enter-active[data-v-535d9fb1],.nutFadeIn[data-v-535d9fb1]{animation-name:nutFadeIn-535d9fb1}.nutFade-leave-active[data-v-535d9fb1],.nutFadeOut[data-v-535d9fb1]{animation-name:nutFadeOut-535d9fb1}@keyframes nutZoomIn-535d9fb1{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes nutZoomOut-535d9fb1{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.nutZoom-enter-active[data-v-535d9fb1],.nutZoom-leave-active[data-v-535d9fb1],.nutZoomIn[data-v-535d9fb1],.nutZoomOut[data-v-535d9fb1]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutZoom-enter-active[data-v-535d9fb1],.nutZoomIn[data-v-535d9fb1]{animation-name:nutZoomIn-535d9fb1}.nutZoom-leave-active[data-v-535d9fb1],.nutZoomOut[data-v-535d9fb1]{animation-name:nutZoomOut-535d9fb1}@keyframes nutEaseIn-535d9fb1{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes nutEaseOut-535d9fb1{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}.nutEase-enter-active[data-v-535d9fb1],.nutEase-leave-active[data-v-535d9fb1],.nutEaseIn[data-v-535d9fb1],.nutEaseOut[data-v-535d9fb1]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutEase-enter-active[data-v-535d9fb1],.nutEaseIn[data-v-535d9fb1]{animation-name:nutEaseIn-535d9fb1}.nutEase-leave-active[data-v-535d9fb1],.nutEaseOut[data-v-535d9fb1]{animation-name:nutEaseOut-535d9fb1}@keyframes nutDropIn-535d9fb1{0%{opacity:0;transform:scaleY(.8)}100%{opacity:1;transform:scaleY(1)}}@keyframes nutDropOut-535d9fb1{0%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.8)}}.nutDrop-enter-active[data-v-535d9fb1],.nutDrop-leave-active[data-v-535d9fb1],.nutDropIn[data-v-535d9fb1],.nutDropOut[data-v-535d9fb1]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutDrop-enter-active[data-v-535d9fb1],.nutDropIn[data-v-535d9fb1]{animation-name:nutDropIn-535d9fb1}.nutDrop-leave-active[data-v-535d9fb1],.nutDropOut[data-v-535d9fb1]{animation-name:nutDropOut-535d9fb1}@keyframes rotation-535d9fb1{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.nutRotate-enter-active[data-v-535d9fb1],.nutRotate-leave-active[data-v-535d9fb1],.nutRotateIn[data-v-535d9fb1],.nutRotateOut[data-v-535d9fb1]{animation-duration:.25s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}.nutRotate-enter-active[data-v-535d9fb1],.nutRotateIn[data-v-535d9fb1]{animation-name:nutRotateIn}.nutRotate-leave-active[data-v-535d9fb1],.nutRotateOut[data-v-535d9fb1]{animation-name:nutRotateOut}.infiniteUl[data-v-535d9fb1]{height:300px;width:100%;overflow-y:auto;overflow-x:hidden}.infiniteLi[data-v-535d9fb1]{margin-top:10px;font-size:14px;color:#646464}.loading[data-v-535d9fb1]{display:block;width:100%;text-align:center}",document.head.appendChild(__vite_style__),System.register(["./mobile-legacy.3700831f.js","./index-legacy.579cfc3c.js"],(function(t){"use strict";var a,e,n,o,i,d,r,s,u,f,l,c,m,v,b,h;return{setters:[function(t){a=t.c,e=t.a},function(t){n=t.k,o=t.a,i=t.b,d=t.C,r=t.A,s=t.B,u=t.r,f=t.o,l=t.c,c=t.f,m=t.F,v=t.h,b=t.t,h=t.z}],execute:function(){const{createDemo:p}=a("infiniteloading");var y=t("default",p({props:{},setup(){const t=n(!0),a=n(!0),r=n(!0),s=o({defultList:[""],customList:[""],refreshList:[""]});return i((()=>{(()=>{for(let t=0;t<10;t++)s.defultList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`),s.customList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`),s.refreshList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`)})()})),{loadMore:a=>{setTimeout((()=>{const e=s.defultList.length;for(let t=e;t<e+10;t++)s.defultList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`);s.defultList.length>30&&(t.value=!1),a()}),500)},hasMore:t,customHasMore:a,customLoadMore:t=>{setTimeout((()=>{const e=s.customList.length;for(let t=e;t<e+10;t++)s.customList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`);s.customList.length>30&&(a.value=!1),t()}),500)},refreshHasMore:r,refreshLoadMore:t=>{setTimeout((()=>{const a=s.refreshList.length;for(let t=a;t<a+10;t++)s.refreshList.push(`${t} -- 塑像本来就在石头里，我只是把不要的部分去掉`);s.refreshList.length>30&&(r.value=!1),t()}),500)},refresh:t=>{setTimeout((()=>{e.success("刷新成功"),t()}),1e3)},...d(s)}}}));const L=h();r("data-v-535d9fb1");const _={class:"demo"},g=c("h2",null,"基础用法",-1),I={class:"infiniteUl",id:"scroll"},M=c("h2",null,"下拉刷新",-1),O={class:"infiniteUl",id:"refreshScroll"},k=c("h2",null,"自定义加载文案",-1),D={class:"infiniteUl",id:"customScroll"};s();const w=L(((t,a,e,n,o,i)=>{const d=u("nut-infiniteloading"),r=u("nut-cell");return f(),l("div",_,[g,c(r,null,{default:L((()=>[c("ul",I,[c(d,{"container-id":"scroll","use-window":!1,"has-more":t.hasMore,onLoadMore:t.loadMore},{default:L((()=>[(f(!0),l(m,null,v(t.defultList,((t,a)=>(f(),l("li",{class:"infiniteLi",key:a},b(t),1)))),128))])),_:1},8,["has-more","onLoadMore"])])])),_:1}),M,c(r,null,{default:L((()=>[c("ul",O,[c(d,{"pull-icon":"JD","container-id":"refreshScroll","use-window":!1,"is-open-refresh":!0,"has-more":t.refreshHasMore,onLoadMore:t.refreshLoadMore,onRefresh:t.refresh},{default:L((()=>[(f(!0),l(m,null,v(t.refreshList,((t,a)=>(f(),l("li",{class:"infiniteLi",key:a},b(t),1)))),128))])),_:1},8,["has-more","onLoadMore","onRefresh"])])])),_:1}),k,c(r,null,{default:L((()=>[c("ul",D,[c(d,{"load-txt":"loading","load-more-txt":"没有啦～","container-id":"customScroll","use-window":!1,"has-more":t.customHasMore,onLoadMore:t.customLoadMore},{default:L((()=>[(f(!0),l(m,null,v(t.customList,((t,a)=>(f(),l("li",{class:"infiniteLi",key:a},b(t),1)))),128))])),_:1},8,["has-more","onLoadMore"])])])),_:1})])}));y.render=w,y.__scopeId="data-v-535d9fb1"}}}));
|
