school_uni/components/tab-bar/myCenter.vue

<template>
	<view class="page1">
		<view>22222222</view>
		<view style="margin-top: 200px;" @click="navigatorTo('addgoods')">新增商品</view>
		<view style="margin-top: 200px;" @click="navigatorTo('merchant')">商家入驻</view>
		<view style="margin-top: 100px;" @click="navigatorTo('jianzhizhuce')">兼职注册</view>
		<!-- 购物车弹窗 -->
		<uni-popup ref="jianzhiPopup" background-color="rgba(2, 171, 255, 1)" borderRadius="40px 40px 40px 40px">
			<view class="jianzhi-content" @tap="navigatorTo('partTimeReg')">
				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/faf25c687bc1417282ebac719fd1bfba.png" alt="" style="width: 100%;height: 100%;">
				<view style="position: absolute;bottom: -50px;left: 130px;" @tap.stop="$refs.jianzhiPopup.close()">
					<uni-icons type="close" size="40" color="#fff"></uni-icons>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:{
			
		},
		watch: {
			
		},
		methods: {
			init(){
				console.log("我的初始化")
			},
			navigatorTo(e){
				let url = ""
				if(e=='addgoods'){
					url = '/package1/myCenter/addGoods'
				}else if(e=='merchant'){
					url = '/package1/myCenter/myMerchant'
				}else if(e == 'partTimeReg'){
					url = '/package1/myCenter/partTimeJobRegister'
					this.$refs.jianzhiPopup.close()
				}else if(e=='jianzhizhuce'){
					this.$refs.jianzhiPopup.open()
					return
				}
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style>
	page{
		width: 100%;
		height: 100%;
		font-size: 28rpx;
	}
	.page1 {
		width: 100%;
		height: 100%;
		font-size: 28rpx;
	}
	.jianzhi-content{
		width: 300px;
		height: 350px;
		position: relative;
	}
</style>