t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.19 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../_components/index.js"),l=require("./index3.js"),i=require("../../image/index.js"),a={class:"f-empty__pic-wrap"},m={key:0,class:"f-empty__footer"},d=e.defineComponent({name:"FEmpty"}),p=e.defineComponent({...d,props:l.Props,setup(n){const r=n,s=e.computed(()=>{const{contentColor:o,contentSize:t}=r;return{color:o,fontSize:t}});return(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:"f-empty",style:e.normalizeStyle({background:o.background})},[e.createElementVNode("div",a,[o.$slots.image?e.renderSlot(o.$slots,"image",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.imageSrc?(e.openBlock(),e.createBlock(e.unref(i.FImage),{key:0,src:o.imageSrc,width:o.imageSize},null,8,["src","width"])):(e.openBlock(),e.createBlock(c.default,{key:1}))],64))]),e.createElementVNode("span",{class:"f-empty__desc",style:e.normalizeStyle(e.unref(s))},e.toDisplayString(o.content),5),o.$slots.footer?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(o.$slots,"footer")])):e.createCommentVNode("",!0)],4))}});exports.default=p;