xiaoshi-wx/pages/memberCenter/memberCenter.wxss

/* pages/memberCenter/memberCenter.wxss */
.memberCenter{
  padding: 0 30rpx;
}
.content{
  margin-top: 15rpx;
  height: 1000rpx;
}
.userinfo{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.left{
  display: flex;
  align-items: center;
}
.message{
  margin-left: 15rpx;
}
.name{
  font-size: 35rpx;
  font-weight: bolder;
}
.description{
  font-size: 25rpx;
}
.type{
  width: 170rpx;
  font-size: 30rpx;
  color: #ffffff;
  /* font-weight: bold; */
  border-radius: 50rpx;
  background-color: var(--themeColor);
}
.icon{
  font-size: 25rpx;
  margin-left: 8rpx;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 4rpx;
}

.equity{
  margin-top: 15rpx;
  padding: 20rpx;
  background-color: var(--themeColor);
  border-radius: 10rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.equity_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffcc00;
}
.equity_item_icon{
  width: 80rpx;
  height: 80rpx;
  margin-bottom: 15rpx;
}
.grades{
  margin: 20rpx 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* background-color: var(--themeColor); */
}
.backGroundImage{
  
  background-size:contain; /* 图片覆盖整个容器，可能部分图片不可见 */  
  background-position: center; /* 图片居中显示 */  
  background-repeat: no-repeat; /* 图片不重复 */  
}
.grades_item{
  border-radius: 10rpx;
  color: #ffcc00;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10rpx;
  padding: 10rpx;
  width: 100%;
  height: 100%;
}
.grades_item_label{
  font-size: 40rpx;
  line-height: 2rem;
}
.money{
  font-size: 25rpx;
}
.money_value{
  font-size: 50rpx;
}

.checked{
  box-shadow: 
  5px 5px 0 0 var(--themeColor), 
  -5px 5px 0 0 var(--themeColor), /* 左上角 */
  5px -5px 0 0 var(--themeColor), /* 右上角 */
  -5px -5px 0 0 var(--themeColor); /* 右下角 */
}

.equityDetails{
  margin-top: 20rpx;
}
.equityDetails_title{
  text-align: end;
  font-weight: 500;
}
.equityDetails_content{
  margin: 20rpx 0;
}