12345678910 |
- ;(function(){var __vite_style__=document.createElement('style');__vite_style__.innerHTML="._colHeader_1ruqc_1 .van-nav-bar__title,._colHeader_1ruqc_1 .van-icon{color:inherit}._colHeader_1ruqc_1 .van-nav-bar__right>div{line-height:0}._colHeader_1ruqc_1._transparent_1ruqc_8{background-color:transparent}._headerSection_1ruqc_11{position:relative}\n";document.head.appendChild(__vite_style__);System.register(['./index-legacy.0ffbfc87.js','./vendor-legacy.eeb61cf8.js','./index-legacy.f25f109a8.js'],function(exports){'use strict';var postMessage,browser,defineComponent,createVNode,Fragment,NavBar;return{setters:[function(module){postMessage=module.p;browser=module.e;},function(module){defineComponent=module.d;createVNode=module.a;Fragment=module.F;NavBar=module.N;},function(){}],execute:function execute(){var colHeader="_colHeader_1ruqc_1";var transparent="_transparent_1ruqc_8";var headerSection="_headerSection_1ruqc_11";var styles={colHeader:colHeader,transparent:transparent,headerSection:headerSection};var ColHeader=exports('C',defineComponent({name:'col-header',props:{title:String,isBack:{type:Boolean,default:false},backIconColor:{// 返回按钮颜色
- type:String,default:'black'},isFixed:{type:Boolean,default:true},styleName:{type:Object,default:function _default(){return{};}},titleClass:String,background:{type:String,default:'white'},color:{type:String,default:'#323233'},rightText:String,onClickRight:{type:Function,default:function _default(){}},border:{type:Boolean,default:true},onHeaderBack:{// 头部高度设置后返回
- type:Function,default:function _default(){}}},data:function data(){return{headerTitle:null,navBarHeight:0,// 顶部导航栏高度
- titleHeight:44// 顶部导航高度(默认44px)
- };},mounted:function mounted(){var _this=this;this.headerTitle=this.title||this.$route.meta.title;this.navBarInit(function(){_this.onHeaderBack&&_this.onHeaderBack();});},unmounted:function unmounted(){// 设置是否显示导航栏 0 显示 1 不显示
- postMessage({api:'setBarStatus',content:{status:1}});// 设置返回按钮颜色
- postMessage({api:'backIconChange',content:{iconStyle:'black'}});},methods:{navBarInit:function navBarInit(callBack){var _this2=this;// 设置是否显示导航栏 0 显示 1 不显示
- postMessage({api:'setBarStatus',content:{status:0}});// 设置返回按钮颜色
- postMessage({api:'backIconChange',content:{iconStyle:this.backIconColor||'black'}});var sNavHeight=sessionStorage.getItem('navHeight');var sTitleHeight=sessionStorage.getItem('titleHeight');if(sNavHeight&&sTitleHeight){this.navBarHeight=Number(sNavHeight);callBack&&callBack();}else{postMessage({api:'getNavHeight'},function(res){var content=res.content;var dpi=content.dpi||2;if(content.navHeight){var navHeight=content.navHeight/dpi;sessionStorage.setItem('navHeight',String(navHeight));_this2.navBarHeight=navHeight;}if(content.titleHeight){// 导航栏的高度
- var titleHeight=content.titleHeight/dpi;sessionStorage.setItem('titleHeight',String(titleHeight));_this2.titleHeight=titleHeight;}callBack&&callBack();});}!browser().isApp&&callBack&&callBack();},onClickLeft:function onClickLeft(){this.$router.back();},clickRight:function clickRight(){this.onClickRight&&this.onClickRight();}},render:function render(){var _this3=this;return createVNode("div",null,[this.$slots.content?createVNode("div",{"style":{paddingTop:"".concat(this.navBarHeight,"px")},"class":styles.headerSection},[this.$slots.content(this.navBarHeight)]):createVNode(Fragment,null,[createVNode("div",{"style":{minHeight:"calc(var(--van-nav-bar-height) + ".concat(this.navBarHeight,"px)")},"class":styles.headerSection},[createVNode(NavBar,{"title":this.headerTitle,"class":[styles.colHeader],"style":{background:this.background,color:this.color,paddingTop:"".concat(this.navBarHeight,"px"),zIndex:99},"left-arrow":this.isBack,"rightText":this.rightText,"fixed":this.isFixed,"border":this.border,"onClick-right":this.clickRight,"onClick-left":this.onClickLeft},{right:function right(){return _this3.$slots.right&&_this3.$slots.right()||_this3.rightText;}})]),this.$slots.default?this.$slots.default():null])]);}}));}};});})();
|