| 12 |
- import{L as h,al as d,av as m,o as t,a as p,Z as a,T as s,X as o,b as e,U as i,S as _,F as g,ac as w,Y as u}from"./vue.e1d8f8c6.js";import{_ as x}from"./index.6661bcf9.js";const b={class:"preview-container layout-pd"},y={class:"flex-warp"},z={class:"flex-warp-item"},k={class:"flex-warp-item-box"},B={class:"flex-warp-item"},S={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"},V={class:"flex-warp-item"},E={class:"flex-warp-item-box"},F={class:"flex-warp-item"},L={class:"flex-warp-item-box"},T={class:"flex-warp-item"},j={class:"flex-warp-item-box"},U={class:"waterfall-first"},W={class:"w100 h100 flex"},X={class:"flex-margin"},Y=h({name:"pagesWaves"}),Z=h({...Y,setup(q){return(A,G)=>{const v=d("el-row"),c=d("SvgIcon"),l=d("el-button"),r=d("el-card"),n=m("waves");return t(),p("div",b,[a(r,{shadow:"hover",header:"波浪指令效果（v-waves）作用于 btn"},{default:s(()=>[a(v,{class:"mb10",style:{color:"#808080"}},{default:s(()=>[o('可选参数 v-waves=" |light|red|orange|purple|green|teal"')]),_:1}),e("div",y,[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",S,[i((t(),_(l,{type:"primary",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" light 效果 ")]),_:1})),[[n,"light"]])])]),e("div",C,[e("div",D,[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",V,[e("div",E,[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",L,[i((t(),_(l,{type:"danger",size:"default"},{default:s(()=>[a(c,{name:"iconfont icon-bolangnengshiyanchang"}),o(" green 效果 ")]),_:1})),[[n,"green"]])])]),e("div",T,[e("div",j,[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",U,[(t(),p(g,null,w(12,f=>i(e("div",{class:"waterfall-first-item",key:f},[e("div",W,[e("span",X,u(f),1)])]),[[n]])),64))])]),_:1})])}}});const K=x(Z,[["__scopeId","data-v-5abd08a1"],["__file","E:/code/wwwroot/local81.lzj/simple_storage/vue-next-admin/src/views/pages/waves/index.vue"]]);export{K as default};
|
