2 lines
3.3 KiB
JavaScript
2 lines
3.3 KiB
JavaScript
import{aH as t,E as e,ai as a,r as l,a as i,o as s,c as o,w as n,b as r,d as u,n as c,j as d,t as b,k as h,R as y,i as f}from"./index-8146d74e.js";import{_ as p}from"./u-icon.58b55f5a.js";import{_ as g}from"./_plugin-vue_export-helper.1b428a4d.js";let m=t(),k={};const x=g({name:"u-navbar",props:{height:{type:[String,Number],default:""},backIconColor:{type:String,default:"#606266"},backIconName:{type:String,default:"nav-back"},backIconSize:{type:[String,Number],default:"44"},backText:{type:String,default:""},backTextStyle:{type:Object,default:()=>({color:"#606266"})},customTitle:{type:Boolean,default:!1},title:{type:String,default:""},titleWidth:{type:[String,Number],default:"250"},titleColor:{type:String,default:"#606266"},titleBold:{type:Boolean,default:!1},titleSize:{type:[String,Number],default:32},isBack:{type:[Boolean,String],default:!0},background:{type:Object,default:()=>({background:"#ffffff"})},isFixed:{type:Boolean,default:!0},immersive:{type:Boolean,default:!1},borderBottom:{type:Boolean,default:!0},zIndex:{type:[String,Number],default:""},customBack:{type:Function,default:null}},data:()=>({menuButtonInfo:k,statusBarHeight:m.statusBarHeight}),computed:{navbarInnerStyle(){let t={};return t.height=this.navbarHeight+"px",t},navbarStyle(){let t={};return t.zIndex=this.zIndex?this.zIndex:this.$u.zIndex.navbar,Object.assign(t,this.background),t},titleStyle(){let t={};return t.left=(m.windowWidth-e(this.titleWidth))/2+"px",t.right=(m.windowWidth-e(this.titleWidth))/2+"px",t.width=e(this.titleWidth)+"px",t},navbarHeight(){return this.height?this.height:44}},created(){},methods:{goBack(){"function"==typeof this.customBack?this.customBack.bind(this.$u.$parent.call(this))():a()}}},[["render",function(t,e,a,g,m,k){const x=f,S=l(i("u-icon"),p);return s(),o(x,{class:""},{default:n(()=>[r(x,{class:u(["u-navbar",{"u-navbar-fixed":a.isFixed,"u-border-bottom":a.borderBottom}]),style:c([k.navbarStyle])},{default:n(()=>[r(x,{class:"u-status-bar",style:c({height:m.statusBarHeight+"px"})},null,8,["style"]),r(x,{class:"u-navbar-inner",style:c([k.navbarInnerStyle])},{default:n(()=>[a.isBack?(s(),o(x,{key:0,class:"u-back-wrap",onClick:k.goBack},{default:n(()=>[r(x,{class:"u-icon-wrap"},{default:n(()=>[r(S,{name:a.backIconName,color:a.backIconColor,size:a.backIconSize},null,8,["name","color","size"])]),_:1}),a.backText?(s(),o(x,{key:0,class:"u-icon-wrap u-back-text u-line-1",style:c([a.backTextStyle])},{default:n(()=>[d(b(a.backText),1)]),_:1},8,["style"])):h("",!0)]),_:1},8,["onClick"])):h("",!0),a.title||a.customTitle?(s(),o(x,{key:1,class:"u-navbar-content-title",style:c([k.titleStyle])},{default:n(()=>[a.customTitle?y(t.$slots,"title",{key:0},void 0,!0):(s(),o(x,{key:1,class:"u-title u-line-1",style:c({color:a.titleColor,fontSize:a.titleSize+"rpx",fontWeight:a.titleBold?"bold":"normal"})},{default:n(()=>[d(b(a.title),1)]),_:1},8,["style"]))]),_:3},8,["style"])):h("",!0),r(x,{class:"u-slot-content"},{default:n(()=>[y(t.$slots,"default",{},void 0,!0)]),_:3}),r(x,{class:"u-slot-right"},{default:n(()=>[y(t.$slots,"right",{},void 0,!0)]),_:3})]),_:3},8,["style"])]),_:3},8,["style","class"]),a.isFixed&&!a.immersive?(s(),o(x,{key:0,class:"u-navbar-placeholder",style:c({width:"100%",height:Number(k.navbarHeight)+m.statusBarHeight+"px"})},null,8,["style"])):h("",!0)]),_:3})}],["__scopeId","data-v-dd3ddecc"]]);export{x as _};
|