t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 591 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./index3.js"),r=require("../../_utils/index3.js"),a=e.defineComponent({name:"FHeader"}),d=e.defineComponent({...a,props:u.Props,setup(s){const o=s,i=e.computed(()=>{const{height:t,padding:n}=o;return{"--f-header-height":r.sizeChange(t),"--f-header-padding":r.sizeChange(n)}});return(t,n)=>(e.openBlock(),e.createElementBlock("header",{class:"f-header",style:e.normalizeStyle(e.unref(i))},[e.renderSlot(t.$slots,"default")],4))}});exports.default=d;