a77/pages/my/my.vue

<template>
	<view class="">

		<view class="index" v-if="$store.state.is_kg == 1">
			<view class="top">
				<!-- <view class="">

			</view>
			<view class="">
				我的
			</view>
			<view class="" @click="href('/pages/my/set/set')">
				<image src="/static/my/019.png" mode="widthFix" style="width: 40rpx;"></image>
			</view> -->
			</view>
			<!-- 用户信息 -->
			<view class="user_info">
				<view class="bottom_user">
					<view class="user-hed">
						<view class="">
							<image :src="user_info.headimg|| '/static/logo.png'" mode="w"
								style="height: 112rpx;width: 112rpx;border-radius: 50%;">
							</image>
						</view>
						<!-- 未登录状态 -->
						<view class="user_info_details" v-if="false">
							<view class="colorWhite">
								立即登录
							</view>
							<view class="">
								登录后可查看您的详细信息
							</view>
						</view>
						<!-- 未登录状态 结束-->
						<view class="logined" v-else>
							<view class="colorWhite static">
								<view class="">
									{{ user_info.nickname || '鲑鱼数藏用户' }}
								</view>
								<view class="" style="display: flex;position: relative;">
									<image src="/static/my/a1.png" @click="href('/pages/my/set/set')" mode="widthFix"
										style="width: 40rpx;">
									</image>
									<u-badge type="error" max="9" :value="count"
										style="font-size: 20rpx;height: 20rpx;position: absolute;margin-left: 20rpx;z-index: 9999;">
									</u-badge>
								</view>
							</view>
							<view class="hash">
								<view class="u-line-1" style="max-width: 400rpx;" @click="$api.setclip(user_info.hash)">
									<span>DID {{user_info.hash||'暂无'}}</span>
								</view>
							</view>
							<view class="hash" style="display: flex;">
								<view class="text_hide">
									<image @click="href('/pages/my/authentication/authentication')"
										v-if="user_info.is_cert==1" src="/static/my/a3.png" mode="widthFix"
										style="width: 162rpx;"></image>
									<image @click="href('/pages/my/authentication/authentication')" v-else
										src="/static/my/a2.png" mode="widthFix" style="width: 162rpx;"></image>
								</view>
								<view class="text_hide" style="margin-left: 8rpx;">
									<span>{{user_info.phone||'暂无'}}</span>
								</view>
							</view>
						</view>
					</view>
					<view class="bula">
						<view class="" @click="href('/pages/collection/collection')">
							<image src="/static//my/a4.png" mode="widthFix" style="width: 288rpx;"></image>
						</view>
						<view class="" @click="href('/pages/my/wallet/wallet')">
							<image src="/static//my/a5.png" mode="widthFix" style="width: 288rpx;"></image>
						</view>
					</view>
				</view>
			</view>
			<!-- 用户信息 结束-->

			<view class="aggregate">
				<view class="" v-for="(item,i) in aggList" :key="i" @click="href(item.e)">
					<view class="">
						<view class="">
							<image :src="item.img" mode="widthFix" style="width: 32rpx;"></image>
						</view>
						<view class="">
							{{item.name}}
						</view>
					</view>
					<view class="">
						<image src="/static/market/2.png" mode="widthFix" style="width: 32rpx;"></image>
					</view>
				</view>
			</view>


			<view class="aggregate">
				<view class="" v-for="(item,i) in aggList2" :key="i" @click="href(item.e)">
					<view class="">
						<view class="">
							<image :src="item.img" mode="widthFix" style="width: 32rpx;"></image>
						</view>
						<view class="">
							{{item.name}}
						</view>
					</view>
					<view class="">
						<image src="/static/market/2.png" mode="widthFix" style="width: 32rpx;"></image>
					</view>
				</view>
			</view>


			<view class="aggregate">
				<view class="" v-for="(item,i) in aggList3" :key="i" @click="href(item.e)">
					<view class="">
						<view class="">
							<image :src="item.img" mode="widthFix" style="width: 32rpx;"></image>
						</view>
						<view class="">
							{{item.name}}
						</view>
					</view>
					<view class="">
						<image src="/static/market/2.png" mode="widthFix" style="width: 32rpx;"></image>
					</view>
				</view>
			</view>
		</view>
		<view class="" v-else>
			<image src="@/static/index/04.png" mode="widthFix" style="width: 750rpx;"></image>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				aggList: [{
					name: '我的订单',
					img: '/static/my/a7.png',
					e: '/pages/my/order/order'
				}],
				// aggList: [{
				// 		name: '合成藏品',
				// 		img: '/static/my/09.png',
				// 		e: '/pages/my/synthesis/synthesis'
				// 	},
				// 	{
				// 		name: '转售记录',
				// 		img: '/static/my/010.png',
				// 		e: '/pages/my/market_history/market_history'
				// 	},
				// 	{
				// 		name: '转赠记录',
				// 		img: '/static/my/60.png',
				// 		e: '/pages/my/passonhistory/passonhistory'
				// 	},
				// 	{
				// 		name: '我的订单',
				// 		img: '/static/my/011.png',
				// 		e: '/pages/my/order/order'
				// 	},
				// 	{
				// 		name: '商城订单',
				// 		img: '/static/my/051.png',
				// 		e: '/pages/my/order/order1'
				// 	},
				// ],
				aggList2: [{
						name: '我的盲盒',
						img: '/static/my/a6.png',
						e: '/pages/collection/box/box'
					},
					{
						name: '合成藏品',
						img: '/static/my/a8.png',
						e: '/pages/my/synthesis/synthesis'
					},
				],
				aggList3: [{
						name: '账号与安全',
						img: '/static/my/a9.png',
						e: '/pages/my/set/updatepaypass'
					},
					{
						name: '邀请好友',
						img: '/static/my/a10.png',
						e: '/pages/my/invitation/invitation'
					},
					{
						name: '隐私政策',
						img: '/static/my/a11.png',
						e: '/pages/my/set/relevant?type=2'
					},

					{
						name: '意见反馈',
						img: '/static/my/a12.png',
						e: '/pages/my/feedback/feedback'
					},
					{
						name: '联系客服',
						img: '/static/my/a13.png',
						e: '/pages/my/about/about?type=1'
					},
					// {
					// 	name: '我的客服',
					// 	img: '/static/my/018.png',
					// 	e: '/pages/my/about/about?type=1'
					// }
				],
				aggList1: [{
						name: '排行榜',
						img: '/static/my/9.png',
						e: '/pages/my/rank/rank'
					},
					{
						name: '我的认证',
						img: '/static/my/10.png',
						e: '/pages/my/authentication/authentication'
					},
				],
				show: false,
				user_info: {},
				count: '' //未读消息条数
			}
		},

		onLoad(e) {

			//获取其他路径过来的图片
			if (e.img == null || e.img == "undefined") {
				this.img = uni.getStorageSync("user_info").sharBg
				this.img = this.img.replace("admin", "www")
				// alert(this.img.replace("admin.",""))
			} else {
				this.img = e.img
			}
			//获取团队列表




			// console.log(this.linkcode)
		},
		onShow() {
			this.api.get_user_info()
			this.user_info = uni.getStorageSync('user_info')
			uni.setStorageSync("link", this.link)
			this.linkcode = uni.getStorageSync("link")
		},
		onReady() {},
		methods: {
			//复制
			getLink(val) {
				this.$api.setclip(val)
			},



		}
	}
</script>

<style lang="less" scoped>
	.index {
		box-sizing: border-box;
		padding-bottom: 300rpx;
	}


	.top {
		display: flex;
		justify-content: space-between;
		height: 80rpx;
		align-items: center;
		padding: 0 32rpx;
		font-size: 36rpx;
		font-weight: 600;
	}


	.head {
		height: 120rpx;
		line-height: 120rpx;
		position: sticky;
		top: 0;
		padding: 0 30rpx;
		box-sizing: border-box;
		background: #043E4A;
		position: relative;
	}

	.head .content {
		font-size: 36rpx;
		font-weight: 500;
		text-align: center;
		color: #fff;
	}


	.head .right {
		position: absolute;
		top: 20rpx;
		right: 20rpx;
	}

	.head .right image {
		width: 48rpx;
		height: 48rpx;
		margin-left: 30rpx;
	}

	.user_info {
		box-sizing: border-box;
		padding: 0rpx 20rpx 0;
		// background: #043E4A;
		width: 686rpx;
		height: 380rpx;
		padding-top: 34rpx;
		background: #1D1F1E;
		margin: auto;
		border-radius: 24rpx;

		.bottom_user {
			background-size: 100% 100%;
			width: 622rpx;
			height: 330rpx;
			margin: auto;
		}


		.logined {
			width: 550rpx;
			display: flex;
			flex-direction: column;
			margin-left: 20rpx;

			.static {
				display: flex;
				justify-content: space-between;

				&:first-child {
					margin-top: 10rpx;
				}

				&:first-child>view:nth-child(1) {
					font-size: 32rpx;
					color: #fff;
				}

				&:first-child>view:nth-child(2) {
					image {
						width: 48rpx;
						height: 48rpx;
					}
				}
			}

			.hash {
				font-size: 24rpx;
				color: #ccc;
				margin-top: 8rpx;
				color: #fff;
			}

		}

		.user-hed {
			display: flex;
			// padding-bottom: 24rpx;
			color: #fff;
			// border-bottom: 1px solid rgba(255, 255, 255, .1);

			>view:last-child {
				display: flex;
			}
		}

		.block {
			font-size: 24rpx;
			color: #fff;
			margin: 32rpx 0;
		}

		.bula {
			display: flex;
			justify-content: space-between;
			margin-top: 68rpx;
		}
	}

	.aggregate {
		width: 622rpx;
		background: #1D1F1E;
		color: #fff;
		padding: 0 32rpx;
		font-size: 28rpx;
		margin: 24rpx auto 0;
		border-radius: 24rpx;

		>view {
			padding: 32rpx 0;
			display: flex;
			justify-content: space-between;
			align-items: center;

			image {
				margin-right: 24rpx;
			}

			>view {
				display: flex;
			}
		}

		>view:last-child {
			border-bottom: none;
		}
	}

	.bsn {
		width: 330rpx;
		margin: 32rpx auto 100rpx;
	}

	.share {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background: rgba(0, 0, 0, 0.5);

		.Chang {
			width: 514rpx;
			height: 100rpx;
			background: url(/static/index/011.png) no-repeat;
			background-size: 100% 100%;
			color: #fff;
			border-radius: 16rpx;
			opacity: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			position: fixed;
			margin-top: 700rpx;

		}

		.center_first {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 0 30rpx;
		}

		// margin-top:172rpx
	}

	// 全部
</style>