jje_uniapp/pages/my/index.rpx.scss

.tabBarLineHeight{
    height: 138rpx;
}
.tabBarView {
    position: fixed;
    bottom: 0;
}

.content-wrap {
	background: rgb(255, 255, 255);
}

/* 头部内容 */
.head-wrap {
	height: 1200rpx;
	position: relative;

	.head-bg {
		height: 680rpx;
		// background: #FFE05C;
	}

	.content {
		// background: #fff;
		position: absolute;
		top:6%;
		left: 20rpx;
		right: 12rpx;
		border-radius: 6px;

		.user-info {
			margin: 0 auto;
			margin-bottom: 68rpx;
			display: flex;
			align-items: center;

			.user-head {
				margin-right: 12rpx;

				image {
					border-radius: 76rpx;
					height: 152rpx;
					width: 152rpx;
				}
			}

			.h-content {
				.user-name {
					margin-top: 12rpx;
					font-size: 32rpx;
					font-weight: 600;
					height: 60rpx;
				}

				.user-desc {
					height: 60rpx;
					font-size: 12px;
					color: #333333;
					display: flex;
				}
			}

		}

		/* 钱包 */
		.balance-info {
            width: 100%;
			background: #fff;
			border-radius: 20rpx;
			padding-bottom: 40rpx;

			.balance-name {
				padding-left: 24rpx;
				padding-top: 20rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 600;
				color: #333333;
				line-height: 48rpx;
				font-size: 16px;
			}

			.h-content {
				display: flex;
				justify-content: space-around; // 平均分布
				justify-content: center;

				.button-wrap {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-top: 20rpx;
					margin-bottom: 36rpx;
					padding-bottom: 28rpx;

					.btn {
						padding-left: 24rpx;
						padding-right: 24rpx;
						height: 72rpx;
						border-radius: 36rpx;

						.icon {
							display: flex;
							padding-right: 12rpx;
							align-items: center;
							justify-content: center;

							image {
								height: 28rpx;
								width: 28rpx;
							}
						}
					}

					.h-name {
						padding-top: 8rpx;
						font-size: 11px;
						text-align: center;

						.name {
							color: #999999;
						}

						.num {
							line-height: 76rpx;
							font-size: 18px;
						}
					}
				}
			}

		}

		/* 导航菜单 */
		.nav-bar {
			background: #fff;
			border-radius: 20rpx;
			margin-top: 24rpx;

			/* 商店信息 */
			.nav-content {
				padding-top: 20rpx;
				padding-bottom: 12rpx;

				.nav-info {
					display: flex;
					align-items: center;

					.logo {
						display: flex;
						width: 12%;
						justify-content: center;
						text-align: center;
						align-items: center;

						image {
							width: 52rpx;
							height: 52rpx;
						}
					}

					.nav-desc {
						width: 78%;
						display: flex;
						line-height: 30rpx;

						.nav-name {
							font-size: 16px;
							width: 60%;
						}

						.change-store {
							text-align: right;
							width: 40%;
							font-size: 12px;
							color: #666;
						}
					}

					.arrow-right {
						width: 2%;
						text-align: right;
						margin: 0 auto;
						cursor: pointer;
						padding-top: 6rpx;

						image {
							width: 18rpx;
							height: 18rpx;
						}
					}
				}
			}
		}
	}



}