index.ce548f8a.js 2.6 KB

123
  1. import{M as h,am as d,aw as v,o as t,a as p,_ as s,U as a,Y as o,b as e,V as i,T as _,F as g,ad as u,Z as w}from"./vue.aade88c7.js";import{_ as x}from"./index.f6b6c69f.js";const y={class:"preview-container layout-pd"},b={class:"flex-warp"},z={class:"flex-warp-item"},k={class:"flex-warp-item-box"},B={class:"flex-warp-item"},V={class:"flex-warp-item-box"},C={class:"flex-warp-item"},D={class:"flex-warp-item-box"},I={class:"flex-warp-item"},N={class:"flex-warp-item-box"},S={class:"flex-warp-item"},F={class:"flex-warp-item-box"},T={class:"flex-warp-item"},E={class:"flex-warp-item-box"},L={class:"flex-warp-item"},M={class:"flex-warp-item-box"},U={class:"waterfall-first"},W={class:"w100 h100 flex"},Y={class:"flex-margin"},Z=h({name:"pagesWaves"}),j=h({...Z,setup(q){return(A,G)=>{const m=d("el-row"),c=d("SvgIcon"),l=d("el-button"),r=d("el-card"),n=v("waves");return t(),p("div",y,[s(r,{shadow:"hover",header:"波浪指令效果(v-waves)作用于 btn"},{default:a(()=>[s(m,{class:"mb10",style:{color:"#808080"}},{default:a(()=>[o('可选参数 v-waves=" |light|red|orange|purple|green|teal"')]),_:1}),e("div",b,[e("div",z,[e("div",k,[i((t(),_(l,{size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" 默认效果 ")]),_:1})),[[n]])])]),e("div",B,[e("div",V,[i((t(),_(l,{type:"primary",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" light 效果 ")]),_:1})),[[n,"light"]])])]),e("div",C,[e("div",D,[i((t(),_(l,{type:"success",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" red 效果 ")]),_:1})),[[n,"red"]])])]),e("div",I,[e("div",N,[i((t(),_(l,{type:"info",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" orange 效果 ")]),_:1})),[[n,"orange"]])])]),e("div",S,[e("div",F,[i((t(),_(l,{type:"warning",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" purple 效果 ")]),_:1})),[[n,"purple"]])])]),e("div",T,[e("div",E,[i((t(),_(l,{type:"danger",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" green 效果 ")]),_:1})),[[n,"green"]])])]),e("div",L,[e("div",M,[i((t(),_(l,{type:"primary",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" teal 效果 ")]),_:1})),[[n,"teal"]])])])])]),_:1}),s(r,{shadow:"hover",header:"波浪指令效果(v-waves)作用于 div",class:"mt15"},{default:a(()=>[e("div",U,[(t(),p(g,null,u(12,f=>i(e("div",{class:"waterfall-first-item",key:f},[e("div",W,[e("span",Y,w(f),1)])]),[[n]])),64))])]),_:1})])}}});const K=x(j,[["__scopeId","data-v-96c3c0f9"]]);export{K as default};
  2. //# sourceMappingURL=index.ce548f8a.js.map