willAccount.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435
  1. page{background: #fff;}
  2. .red-bg{background:#EE3A43;color: white;padding: 40rpx;}
  3. .red-bg .label{color: #fff;}
  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;
  22. border-radius: 20rpx;
  23. font-size: 24rpx;
  24. margin-left: 10rpx;
  25. padding: 0 16rpx;
  26. color: #ee3a43;
  27. }
  28. .userName{
  29. display: inline-block;
  30. vertical-align: middle;
  31. overflow: hidden;
  32. text-overflow: ellipsis;
  33. white-space: nowrap;
  34. max-width: 170rpx;
  35. }