warning.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. page {
  2. background-color: #f2f2f2;
  3. }
  4. .tab-item {
  5. width: 100%;
  6. box-sizing: border-box;
  7. background-color: #fff;
  8. flex-direction: row;
  9. display: flex;
  10. justify-content: space-around;
  11. align-items: center;
  12. }
  13. .tab-item .item {
  14. height: 80rpx;
  15. font-size: 32rpx;
  16. flex-direction: row;
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. }
  21. .tab-item .item-checked {
  22. color: #6784f4;
  23. border-bottom: 2rpx #6784f4 solid;
  24. }
  25. scroll-view{
  26. width: 100%;
  27. height: 93vh;
  28. box-sizing: border-box;
  29. flex-direction: column;
  30. display: flex;
  31. padding: 20rpx 30rpx 0rpx 30rpx;
  32. }
  33. .list-item{
  34. width: 100%;
  35. height: 220rpx;
  36. flex-direction: row;
  37. display: flex;
  38. align-items: center;
  39. background-color: #fff;
  40. border-radius: 10rpx;
  41. margin-bottom: 20rpx;
  42. }
  43. .list-item .head-img{
  44. width: 140rpx;
  45. height: 140rpx;
  46. border-radius: 50%;
  47. margin-left: 50rpx;
  48. margin-right: 50rpx;
  49. border: 2rpx solid #e5e5e5;
  50. }
  51. .list-item .name{
  52. font-size: 30rpx;
  53. font-weight: 700;
  54. }
  55. .list-item .address{
  56. flex-direction: row;
  57. display: flex;
  58. align-items: center;
  59. }
  60. .list-item .address-img{
  61. width: 28rpx;
  62. height: 30rpx;
  63. margin-right: 10rpx;
  64. }
  65. .list-item .create-time{
  66. font-size: 26rpx;
  67. color: #666;
  68. }
  69. .list-item .btn-img{
  70. width: 150rpx;
  71. height: 50rpx;
  72. }