| 123 |
- import{e as h,a0 as d,ae as v,g as t,h as p,A as s,q as a,y as o,j as e,t as i,p as _,F as m,Q as u,z as x}from"./vue.e266cb73.js";import{_ as w}from"./_plugin-vue_export-helper.c27b6911.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"},I={class:"flex-warp-item-box"},N={class:"flex-warp-item"},S={class:"flex-warp-item-box"},V={class:"flex-warp-item"},F={class:"flex-warp-item-box"},j={class:"flex-warp-item"},q={class:"flex-warp-item-box"},A={class:"flex-warp-item"},E={class:"flex-warp-item-box"},L={class:"waterfall-first"},Q={class:"w100 h100 flex"},T={class:"flex-margin"},U=h({name:"pagesWaves"}),W=h({...U,setup(G){return(H,J)=>{const g=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(g,{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",C,[i((t(),_(l,{type:"primary",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" light 效果 ")]),_:1})),[[n,"light"]])])]),e("div",D,[e("div",I,[i((t(),_(l,{type:"success",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" red 效果 ")]),_:1})),[[n,"red"]])])]),e("div",N,[e("div",S,[i((t(),_(l,{type:"info",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" orange 效果 ")]),_:1})),[[n,"orange"]])])]),e("div",V,[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",j,[e("div",q,[i((t(),_(l,{type:"danger",size:"default"},{default:a(()=>[s(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" green 效果 ")]),_:1})),[[n,"green"]])])]),e("div",A,[e("div",E,[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",L,[(t(),p(m,null,u(12,f=>i(e("div",{class:"waterfall-first-item",key:f},[e("div",Q,[e("span",T,x(f),1)])]),[[n]])),64))])]),_:1})])}}});const O=w(W,[["__scopeId","data-v-5abd08a1"],["__file","C:/Users/89282/Desktop/lechang_storage/lechang_storage/vue-next-admin/src/views/pages/waves/index.vue"]]);export{O as default};
- //# sourceMappingURL=index.c536854b.js.map
|
