| 123 |
- import{M as h,am as d,aw as v,o as t,a as p,_ as a,U as s,Y as o,b as e,V as i,T as _,F as g,ad as u,Z as w}from"./vue.60d2ee98.js";import{_ as x}from"./index.beaea096.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"},C={class:"flex-warp-item-box"},D={class:"flex-warp-item"},V={class:"flex-warp-item-box"},I={class:"flex-warp-item"},N={class:"flex-warp-item-box"},S={class:"flex-warp-item"},j={class:"flex-warp-item-box"},F={class:"flex-warp-item"},T={class:"flex-warp-item-box"},U={class:"flex-warp-item"},E={class:"flex-warp-item-box"},L={class:"waterfall-first"},M={class:"w100 h100 flex"},W={class:"flex-margin"},Y=h({name:"pagesWaves"}),Z=h({...Y,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,[a(r,{shadow:"hover",header:"波浪指令效果（v-waves）作用于 btn"},{default:s(()=>[a(m,{class:"mb10",style:{color:"#808080"}},{default:s(()=>[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:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" 默认效果 ")]),_:1})),[[n]])])]),e("div",B,[e("div",C,[i((t(),_(l,{type:"primary",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" light 效果 ")]),_:1})),[[n,"light"]])])]),e("div",D,[e("div",V,[i((t(),_(l,{type:"success",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" red 效果 ")]),_:1})),[[n,"red"]])])]),e("div",I,[e("div",N,[i((t(),_(l,{type:"info",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" orange 效果 ")]),_:1})),[[n,"orange"]])])]),e("div",S,[e("div",j,[i((t(),_(l,{type:"warning",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" purple 效果 ")]),_:1})),[[n,"purple"]])])]),e("div",F,[e("div",T,[i((t(),_(l,{type:"danger",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" green 效果 ")]),_:1})),[[n,"green"]])])]),e("div",U,[e("div",E,[i((t(),_(l,{type:"primary",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" teal 效果 ")]),_:1})),[[n,"teal"]])])])])]),_:1}),a(r,{shadow:"hover",header:"波浪指令效果（v-waves）作用于 div",class:"mt15"},{default:s(()=>[e("div",L,[(t(),p(g,null,u(12,f=>i(e("div",{class:"waterfall-first-item",key:f},[e("div",M,[e("span",W,w(f),1)])]),[[n]])),64))])]),_:1})])}}});const K=x(Z,[["__scopeId","data-v-5abd08a1"],["__file","C:/Users/89282/Desktop/xmgl_yjy/project-manager/h5/src/views/pages/waves/index.vue"]]);export{K as default};
- //# sourceMappingURL=index.0ad58b2d.js.map
|
