图鸟 UI

navBar

#自定义样式
<tn-nav-bar
		  fixed
		  :height="height"
		  :customBack="true"
		  :backgroundColor="backgroundColor"
		  :fontColor="fontColor"
		  :alpha="alpha"
		  :bottomShadow="bottomShadow"
		>
		  <view slot="back" class='tn-custom-nav-bar__back'>
		    <view><text class='tn-icon-left'></text></view>
		    <view><text class='tn-icon-home-capsule-fill'></text></view>
		  </view>
</tn-nav-bar>

data(){
	return {
		height: 0,
		backgroundColor: '#FFFFFF',
		fontColor: '',
		alpha: true,
		bottomShadow: true,
	}
}

<style lang="scss" scoped>
  @import '@/static/css/templatePage/custom_nav_bar.scss';
</style>