products/uni-shop/pages/user/style.scss

/* 背景 */
.user-background{
  width: 750upx;
  height: 520upx;
}
.user-screen{
  padding: 0 30upx;
}
/* 背景 */

/* 头部 */
.user-header{
  width: 100%;
}
.user-login-button{
  width: 250upx;
  height: 70upx;
  background-color: #41AE3C;
  border-radius: 35upx;
  font-size: 30upx;
  line-height: 34upx;
  color: #fff;
  letter-spacing: 2upx;
}
.user-header-avatar{
  width: 104upx;
  height: 104upx;
  flex-shrink: 0;
}
.user-header-avatar{
  border-radius: 50%;
  border: 4upx solid #fff;
}
.user-header-edit{
  width: 37upx;
  height: 37upx;
  border-radius: 50%;
  background-color: #E1A435;
  border: 2upx solid #fff;
  bottom: 0;
  right: 0;
}
$edit-icon:20upx;
.user-header-edit-icon{
  width: $edit-icon;
  height: $edit-icon;
}
.user-header-title{
  font-size: 30upx;
  line-height: 40upx;
  color: #fff;
  font-weight: bold;
  margin-top: 15upx;
}
/* 头部 */

/* 积分 */
.user-integral{
  height: 80upx;
  width: 650upx;
}
.user-integral-container{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 30upx;
  font-size: 24upx;
  line-height: 30upx;
  color: #F0DCB9;
  font-weight: bold;
}
.user-integral-gold{
  width: 26upx;
  height: 28upx;
  margin-right: 12upx;
}
.user-integral-button{
  width: 100upx;
  height: 38upx;
  background-color: #F0DCB9;
  border-radius: 19upx;
  font-size: 22upx;
  line-height: 30upx;
  color: #3E414F;
}
/* 积分 */

/* 钱包 */
.user-wallet-record{
  font-size: 24upx;
  color: #999;
  font-weight: 400;
}
.user-wallet{
  height: 177upx;
  background-color: #fff;
  border-radius: 10upx;
  padding: 0 30upx;
  font-size: 24upx;
  color: #999;
  line-height: 30upx;
}
.user-wallet-header{
  height: 78upx;
  border-bottom: 1upx solid #EEEEEE;
  font-size: 28upx;
  line-height: 34upx;
  color: #333;
  font-weight: bold;
}
.user-wallet-price{
  color: #333;
  font-size: 40upx;
  line-height: 50upx;
  font-weight: 500;
  margin-left: 18upx;
}
.user-wallet-em{
  font-size: 22upx;
  line-height: 26upx;
  margin-left: 10upx;
  color: #999;
  position: relative;
  top: -2upx;
}
.user-wallet-button{
  width: 140upx;
  height: 54upx;
  background-color: #41AE3C;
  font-size: 24upx;
  color: #fff;
  line-height: 30upx;
  border-radius: 27upx;
}
/* 钱包 */

/* 订单 */
.user-order,.user-control{
  height: 200upx;
  background-color: #fff;
  margin-top: 20upx;
  padding: 0 30upx;
  border-radius: 5upx 5upx 16upx 16upx;
}
.user-order-header{
  height: 71upx;
}
.user-order-more{
  font-size: 24upx;
  line-height: 30upx;
  font-weight: 400;
}
.user-order-more,.user-order-more-icon{
  color: #999;
}
.user-order-more-icon{
  font-size: 24upx;
  font-weight: bold;
}
.user-order-icon{
  height: 35upx;
  width: 0;
}
.user-order-title{
  text-align: center;
  font-size: 24upx;
  line-height: 30upx;
  margin-top: 12upx;
  color: #333;
}
.user-order-dot{
  top: 16upx;
  left: 66upx;
}
/* 订单 */

/* 功能 */
.user-control{
  height: auto;
  margin: 30upx 0;
}
.user-control-item{
  height: 93upx;
  font-size: 28upx;
  line-height: 34upx;
  color: #333;
  border-bottom: 1upx solid #EEEEEE;
}
.user-control-item:last-of-type{
  border-bottom: none;
}
.user-control-icon-container{
  width: 54upx;
}
.user-control-icon{
  width: 30upx;
  height: 0;
}
/* 功能 */