wxmini/pages/piano/rank/rank.wxss

/* pages/piano/rank/rank.wxss */

.container {
flex-direction: column;
display: flex;
padding-left: 16rpx;
padding-right: 16rpx;
}

.container .info {
  /* width: 100%; */
  flex-direction: column;
  align-items: center;
  display: flex;
  padding-top: 16rpx;

}

.container .info .header {
width: 300rpx;
height: 300rpx;
}

.container .info .text_list {
  margin-top: 16rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.container .info .text_list .text_item {
  flex-direction: column;
display: flex;
justify-content: center;
align-items: center;

}

.container .info .text_list .text_item_top {
  /* height: 50rpx; */
}

.container .info .text_list .text_item_bottom {
  /* height: 50rpx; */
}

.container .tab_list {
  margin-top: 16rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: burlywood;
}

.container .tab_list .tabbar {
  height: 88rpx;
}

 .select {
  height: 88rpx;
  color: black;
}

 .unselect {
  height: 88rpx;
  color: gray;
}

.container .rank_scroll {
  margin-top: 16rpx;
  width: 100%;
  height: 100%;
}

.container .rank_scroll .scoll_item {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
  margin-top: 16rpx;
  margin-bottom: 16rpx;
  align-items: center;
}

.container .rank_scroll .scoll_item .scoll_item_index {
width: 50rpx;
}

.container .rank_scroll .scoll_item .scoll_item_header {
  width: 80rpx;
  height: 80rpx;
}

.container .rank_scroll .scoll_item .scoll_item_text {
  margin-left: 16rpx;
  flex-direction: column;
  display: flex;
}

.container .rank_scroll .scoll_item .scoll_item_text_name {
}

.container .rank_scroll .scoll_item .scoll_item_text_address {
}

.container .rank_scroll .scoll_item .scoll_item_count{
  flex: 1;
  text-align: right;
  width: 100%;
}