xiaoshi-wx/pages/mine/mine.wxss

/* pages/mine/mine.wxss */
.mine{
  padding: 0 20rpx;
}
.flex{
  display: flex;
  align-items: center;
}
.head{
  margin-top: 15rpx;
  justify-content: space-between;
}
.message{
  margin-left: 15rpx;
}
.name{
  font-size: 35rpx;
  font-weight: bolder;
}
.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;
}
.right{
  background-color: rgb(63 57 92);
  border-radius: 15rpx;
  padding: 15rpx;
  font-size: 35rpx;
  color: #ffffff;
}
.VIP{
  background-color: rgb(255 246 0);
  color: rgb(63 57 92);
  padding: 5rpx;
  border-radius: 10rpx;
  font-weight: bolder;
}
.VIP_name{
  color: rgb(255 246 0);
  font-weight: bolder;
  margin-left: 10rpx;
}

.menu_icon{
  padding: 0 20rpx;
  display: flex;
  justify-content: space-between;
  color: var(--themeColor);
}
.menu_icon_item{
  font-weight: bolder;
  font-size: 30rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.menu_icon_item:active{
  background-color: #f2f3f5;
}
.menu_icon_size{
  font-weight: normal;
  font-size: 100rpx;
  color: var(--themeColor);
}
.menu_list_item{
  color: var(--themeColor);
  font-weight: bolder;
  display: flex;
  justify-content: space-between;
  padding: 30rpx 15rpx;
  border-bottom: 1px solid var(--themeColor);
}

.line{
  border-top: 2rpx solid var(--themeColor) !important;
}
.vanCell{
  padding:30rpx 15rpx !important;
  color: var(--themeColor) !important;
  border-bottom: 1px solid var(--themeColor);
  font-weight: bolder;
}