inviteUserDetail.wxss 1.2 KB

12345678910111213141516171819202122
  1. .red-bg{background:#EE3A43;color: white;padding: 40rpx;}
  2. .account-head, .account-head>image{width:128rpx; height:128rpx; border-radius: 100%;margin: auto;}
  3. .center{text-align: center;}
  4. .tab-bar{border-bottom: 2rpx solid #ebedf0; display: flex; justify-content: space-between; align-items: center; box-sizing: content-box; width: 100%;}
  5. .tab-item{flex: 0; flex-basis: 50%; padding: 0; text-align: center; line-height: 88rpx; font-size:28rpx; box-sizing: border-box;}
  6. .tab-item.active .label{border-bottom: 4rpx solid #ee3a43; color: #ee3a43;}
  7. .label{display: inline-block; position: relative; border-bottom: 4rpx solid transparent; color: #7d7e80;width: 100%;}
  8. .item {
  9. padding: 20rpx;
  10. display: flex;
  11. line-height: 48rpx;
  12. justify-content: space-between;
  13. border-bottom: 2rpx solid #dcdddd;
  14. }
  15. .text-right {
  16. width: 220rpx;
  17. text-align: right;
  18. }
  19. .growup-content-list-photo{width: 88rpx;height: 88rpx;border-radius: 50%;margin-right: 10rpx;}
  20. .photo {display: flex;}
  21. .tag{border:2rpx solid #ee3a43; border-radius: 20rpx;font-size: 24rpx;margin-left: 10rpx;padding: 0 16rpx;color: #ee3a43;display: inline-block;}
  22. .align {position: relative;top: 50%;transform: translateY(-50%);}