wuliu/pages/user/index.vue

<template>
	<view>
		<image src="@/static/wodetop.png" mode="" style="width: 100%;height:488rpx;"></image>
		<view class="topbox">
			<image src="@/static/成功.png" mode="" class="tximg"></image>
			<view class="topbox1">幽默的先生</view>
		</view>
		<view class="rwbox">
			<view class="rw">
				<view class="rw1">任务管理</view>
				<view class="rw2">已完成： <text style="color: #0D5DC9;">69单</text></view>
			</view>
			<view class="zt">
				<image class="ztimg" src="@/static/运输中.png" mode="" @click="transport"></image>
				<image class="ztimg" src="@/static/已完成.png" mode="" @click="complete"></image>
				<image class="ztimg" src="@/static/已取消.png" mode="" @click="cancel"></image>
			</view>
			<view class="ztwenzi">
				<view class="" @click="transport">运输中</view>
				<view class=""  @click="complete">已完成</view>
				<view class="" @click="cancel">已取消</view>
			</view>
		</view>
		<view class="nrbox">
			<view class="sim" @click="authentication">
				<view class="sim">
					<image src="@/static/实名认证.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">实名认证</view>
				</view>
				<view class="sim1">已认证 <uni-icons type='right' size="18"></uni-icons></view>
			</view>
			<view class="border"></view>
			<view class="sim" @click="yhxy">
				<view class="sim">
					<image src="@/static/用户协议.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">用户协议</view>
				</view>
				<view class="sim1"><uni-icons type='right' size="18"></uni-icons></view>
			</view>
			<view class="border"></view>
			<view class="sim" @click="ysxy">
				<view class="sim">
					<image src="@/static/隐私协议.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">隐私协议</view>
				</view>
				<view class="sim1"> <uni-icons type='right' size="18"></uni-icons></view>
			</view>
		</view>
		<button class="tuichu" @click="tuichu">退出登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			yhxy(){
				uni.navigateTo({
					url:'/pages/user/userxy/userxy'
				})
			},
			ysxy(){
				uni.navigateTo({
					url:'/pages/user/userxy/userxy'
				})
			},
			tuichu(){
				uni.reLaunch({
					url:'/pages/login/login'
				})
			},
			authentication(){
				uni.navigateTo({
					url:'/pages/user/authentication/authentication'
				})
			},
			transport(){
				uni.navigateTo({
					url:'/pages/user/transport/transport'
				})
			},
			complete(){
				uni.navigateTo({
					url:'/pages/user/complete/complete'
				})
			},
			cancel(){
				uni.navigateTo({
					url:'/pages/user/cancel/cancel'
				})
			}
		}
	}
</script>

<style scoped>
	.tuichu{
		width: 702rpx;
		height: 90rpx;
		background: #F3F4F5;
		border-radius: 45rpx;
		border: 1px solid #CCCCCC;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		margin-top: 50rpx;
	}
	.sim1{
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		margin-left: 15rpx;
	}
	.sim{
		display: flex;
		justify-content: space-between;
	}
	.border{
		margin-top: 37rpx;
		margin-bottom: 37rpx;
		border: 1px solid #EAEAEA;
	}
	.nrbox {
		margin: 0 auto;
		width: 662rpx;
		height: 351rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 25rpx;
		margin-top: 162rpx;
	}

	.ztwenzi {
		display: flex;
		justify-content: space-around;
		margin-top: 10rpx;
	}

	.zt {
		display: flex;
		justify-content: space-around;
		margin-top: 51rpx;
	}

	.ztimg {
		width: 70rpx;
		height: 70rpx;
	}

	.rw {
		display: flex;
		justify-content: space-between;
	}

	.rwbox {
		margin: 0 auto;
		width: 662rpx;
		height: 240rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 25rpx;
		position: absolute;
		top: 350rpx;
		left: 24rpx;
	}

	.topbox {
		display: flex;
	}

	.topbox1 {
		margin-top: -286rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 34rpx;
		color: #FFFFFF;
	}

	.tximg {
		margin: 30rpx;
		margin-top: -330rpx;
		width: 110rpx;
		height: 110rpx;
	}
</style>