<template>
	<view>
		<view class="bgGoodsManager">
			<!-- <image style="width: 100%;" src="../../static/bg/bg_goods.png"></image> -->
		</view>

		<view class="functionmenu">
			<view class="goodsManager" @click="clickGoodsManger">
				<image class="img" src="../../static/tabar/ic_shopping_cart.png"></image>
				<view class="title">
					商品管理
				</view>
			</view>
			<view class="goodsComment" @click="clickGoodsComment">
				<image class="img" src="../../static/tabar/ic_comment.png"></image>
				<view class="title">商品评论</view>
			</view>
		</view>
		<!-- <tabBar :pageIndex="pageVal" :textType="1" @toTab="toTab"></tabBar> -->
	</view>
</template>

<script>
	// import tabBar from '@/components/Madman-tabBar/tabBar.nvue';
	export default {
		components: {
			// tabBar
		},
		data() {
			return {
				pageVal: ""
			}
		},
		onLoad(opt) {
			this.pageVal = opt.id ? Number(opt.id) : ''	
		},
		methods: {
			// toTab(data) {
			// 	uni.switchTab({
			// 		url: data.pageUrl
			// 	})
			// },
			clickGoodsComment() {
				uni.navigateTo({
					url: '/pages/commentManager/commentManager'
				})
			},
			clickGoodsManger() {
				uni.navigateTo({
					url: '/pages/commodityManagement/commodityManagement'
				})
			}
		}
	}
</script>

<style lang="scss">
	.bgGoodsManager{
		width: 100%;
		height: 500rpx;
		background-size: 100% 100%;
		background-image: url('../../static/bg/bg_goods.png');
	}
	.functionmenu {
		padding-top: 66rpx;
		display: flex;
		justify-content: center;
		padding-left: 78rpx;
		padding-right: 78rpx;
		background: #FFFFFF;

		.goodsManager {
			text-align: center;

			.title {
				font-size: 24rpx;
				color: #333333;
			}
		}

		.goodsComment {
			text-align: center;
			padding-left: 250rpx;

			.title {
				font-size: 24rpx;
				color: #333333;
			}
		}

		.img {
			width: 94rpx;
			height: 94rpx;
		}
	}
</style>