uniProject/common/styles/global/pages.scss

/***** 这里存放通用页面样式 *****/
// 我的
.mobile-my-page{
	width:100%;height: calc(100vh - 180rpx);overflow: auto;background: #F3F5F7;padding-bottom: 60rpx;
	// 用户信息
	.user-info-box {
	  width: 100%;height: 333rpx;background-color: #fff;
	  background-image: url("@/static/images/my/user-info-bj.png");@include ezy-no-repeat-cover();
	  display: flex;align-items: center;padding-top: 16px;box-sizing: border-box;

	  // 图片
	  .user-img-box {
		  width: 120rpx;height: 120rpx;margin-left: 24rpx;border-radius: 50%;overflow: hidden;
		img{width: 100%;height: 100%;}
	  }

	  // 用户信息
	  .user-content-box {
	    margin-left: 48rpx;
	    // 姓名
	    .user-name {display: block;font-size: 36rpx;color: #fff;margin-bottom: 24rpx;font-weight: 800;}
	    // 详细信息
	    .user-info {
	      display: flex;align-items: center;
	      >view{font-size: 24rpx;color: #fff}
	      text{width: 1px;height: 24rpx;display: block;margin: 0 12rpx;background: #fff;}
	    }
	  }
	}
	
	.my-list-box{
		width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
		.list-row{border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 24rpx 0;
		display: flex;align-items: center;position: relative;
		.row-content{margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
		}
		.list-row::after{
			content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
			position: absolute;right: 0;transform: rotate(270deg);
		}
		.list-row:last-child{border: 0;}
		.list-icon{width: 70rpx;height: 70rpx;@include ezy-no-repeat-cover;margin-right: 12rpx;}
		.xuefen-icon{background-image: url("@/static/images/my/my-credits-icon-sj.png");}
		.xiaoxi-icon{background-image: url("@/static/images/my/my-news-icon-sj.png");}
		.zhengshu-icon{background-image: url("@/static/images/my/my-certificate-icon-sj.png");}
		.cuoti-icon{background-image: url("@/static/images/my/my-wrong-icon-sj.png");}
		.baoming-icon{background-image: url("@/static/images/my/my-baoming-icon-sj.png");}
		.sxtcs-icon{background-image: url("@/static/images/my/my-ceshi-icon-sj.png");}
		.sxtsm-icon{background-image: url("@/static/images/my/my-explain-icon-sj.png");}
		.shezhi-icon{background-image: url("@/static/images/my/my-setting-icon-sj.png");}
	}
	.my-list-box + .my-list-box{margin-top: 20rpx;}
}

// 设置
.mobile-setting-page{
	.setting-list-box{
		width:100%;margin: 0 auto;background-color: #fff;padding: 0 36rpx;
		.list-row{
			border-bottom: 2rpx solid #eee;color: #333;box-sizing: border-box;padding: 36rpx 0;
			display: flex;align-items: center;position: relative;
			.row-content{line-height: 1;margin-left: auto;margin-right: 32rpx;color: #9c9c9c;font-size: 30rpx;}
		}
		.setting-default-userImg{margin-right: 0;width: 70rpx;height: 70rpx;}
		.list-row::after{
			content: '';width: 30rpx;height: 30rpx;@include ezy-no-repeat-cover;
			background-image: url("@/static/images/common/nav-bar-jt-bottom.svg");
			position: absolute;right: 0;transform: rotate(270deg);
		}
		.no-jt-row::after{display: none;}
		.img-list-row{padding: 24rpx 0;}
	}
	 .exit-login-btn {
	    width: 400rpx;height: 90rpx;line-height: 90rpx;margin: 60rpx auto;display: block;font-size: 32rpx;
	    background: linear-gradient(0deg,#436aff 0%, #234ff7 100%);border-radius: 45rpx;
	    box-shadow: 0px 2rpx 14rpx -4rpx #5772ff;text-align: center;color: #fff;
	}
}