RRDJ_APP/uniapp/components/fa-navbar/fa-navbar.vue

<template>
	<view v-if="navbar.isshow">
		<u-navbar
			:is-back="isBack"
			:back-icon-color="navbar.backIconColor"
			:back-icon-name="iconName"
			back-text="返回"
			:back-text-style="navbar.backTextStyle"
			:title="isShow ? title : ''"
			:title-color="navbar.titleColor"
			:title-size="navbar.titleSize"
			:background="navbar.bgColor"
			:border-bottom="borderBottom"
			:title-width="400"
			z-index="10080"			
		></u-navbar>
	</view>
</template>

<script>
export default {
	props: {
		title: {
			type: String,
			default: '标题'
		},
		borderBottom: {
			type: Boolean,
			default: true
		}
	},
	computed: {
		navbar() {
			let navbar = {};
			if (this.vuex_config.navbar) {
				navbar = this.vuex_config.navbar;
				// #ifdef MP-BAIDU
				navbar.backTextStyle.marginLeft = '40rpx';
				navbar.backTextStyle.marginBottom = '15rpx';
				// #endif
			}			
			return navbar;
		},
		tabbar() {
			if (this.vuex_config.tabbar) {
				//#ifdef MP-TOUTIAO
				return false;
				//#endif
				return this.vuex_config.tabbar;
			} else {
				return {
					isshow: false,
					list: []
				};
			}
		},
		isBack() {
			// #ifdef MP-ALIPAY
			return false;
			// #endif

			// #ifdef MP-WEIXIN || H5 || APP-PLUS || MP-BAIDU || MP-TOUTIAO 
			let status = true;
			this.tabbar.list.forEach(item => {
				let path = item.path.split('?').shift();
				if (path == this.pageUrl || path == '/' + this.pageUrl) {
					status = false;
				}
			});
			return status;
			// #endif
		},
		iconName(){
			// #ifdef MP-BAIDU
			return '';
			// #endif
			// #ifndef MP-BAIDU
			return 'nav-back';
			// #endif
		},
		isShow() {
			// #ifdef MP-ALIPAY
			return false;
			// #endif
			// #ifndef MP-ALIPAY
			return true;
			// #endif
		}
	},
	created() {
		// 获取引入了u-tabbar页面的路由地址，该地址没有路径前面的"/"
		let pages = getCurrentPages();
		// 页面栈中的最后一个即为项为当前页面，route属性为页面路径
		this.pageUrl = pages[pages.length - 1].route;
		this.pageNum = pages.length;
	},
	data() {
		return {
			pageUrl: '',
			pageNum: 0
		};
	},
	methods: {
		goBack() {	
			console.log('doback')
			let pages = getCurrentPages();
			// 页面栈中的最后一个即为项为当前页面，route属性为页面路径
			this.pageUrl = pages[pages.length - 1].route;
			this.pageNum = pages.length;
			
			let status = false;
			this.tabbar.list.forEach(item => {
				let path = item.path.split('?').shift();
				if (path == this.pageUrl || path == '/' + this.pageUrl) {
					status = true;
				}
			});
			
			if (status) return;			
			if (this.pageNum == 1) {
				//只有当前页面了
				// #ifndef APP-PLUS
				this.$Router.push('/pages/index/index');
				// #endif
				// #ifdef APP-PLUS
				this.$Router.pushTab('/pages/index/index');				
				// #endif
			} else {
				this.$Router.back(1)
			}
		}
	}
};
</script>

<style></style>