import{w as v}from"./app-9444f1fe.js";import{c as f,h as g}from"./listData-9dae369c.js";import{_ as x,u as k,b as w,p as a,q as l,Q as e,O as c,P as d,B as i,v as r,N as y,w as I,a9 as L,aa as B}from"./framework-2d0bbdc3.js";import{E as $}from"./index-e94ad5ef.js";import"./index-2653f279.js";import"./index-df01d077.js";import"./index-8f6077ff.js";const C=o=>(L("data-v-1539386c"),o=o(),B(),o),S={class:"context"},b={class:"line"},E=["href"],N={class:"canvas-list"},z=["onClick"],P=C(()=>e("div",{class:"mask"},null,-1)),V={__name:"index.html",setup(o){const _=k();let m=w([{title:"Canvas",list:f,link:"/web-loading/document/use.html"},{title:"Html",list:g,link:"/web-loading/document/use.html#html配置方式"}]);function u(s){s.gif=!0}function p(s){_.push(`/example/${s.model.includes("html-")?"html":"canvas"}?model=${s.model}`)}return(s,q)=>(a(),l("div",null,[e("div",S,[(a(!0),l(c,null,d(i(m),n=>(a(),l("div",{class:"list-content",key:n.title},[e("div",b,[e("span",null,r(n.title),1),e("a",{href:n.link},"使用方法 >",8,E)]),e("div",N,[(a(!0),l(c,null,d(n.list,t=>(a(),l("div",{class:"item",key:t.model,onClick:h=>p(t)},[y(i($),{lazy:"",src:i(v)(`/images/list/list-${t.model}.gif`),onLoad:h=>u(t)},null,8,["src","onLoad"]),e("span",{class:I(["text",t.gif?"title":"loading"])},r(t.gif?t.model:"加载中"),3),P],8,z))),128))])]))),128))])]))}},A=x(V,[["__scopeId","data-v-1539386c"],["__file","index.html.vue"]]);export{A as default};
