t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 835 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./index3.js"),a={key:0,class:"f-card__header"},l=e.defineComponent({name:"FCard"}),c=e.defineComponent({...l,props:d.Props,setup(r){const s=r,n=e.computed(()=>{const{round:o,shadow:t}=s;return["f-card",{"f-card__round":o,[`f-card__shadow-${t}`]:t}]});return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n))},[o.$slots.header||o.title?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"f-card__body",style:e.normalizeStyle({padding:o.padding})},[e.renderSlot(o.$slots,"default")],4)],2))}});exports.default=c;