customer-list.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /* pages/nav/pages/tabs/index.wxss */
  2. .search-w {
  3. border: 2rpx solid #E5E5E5;
  4. border-radius: 8rpx;
  5. width: 658rpx;
  6. display: flex;
  7. height: 80rpx;
  8. line-height: 80rpx;
  9. justify-content: space-between;
  10. align-items: center;
  11. margin: 18rpx auto 18rpx auto;
  12. }
  13. .search-w-left {
  14. display: flex;
  15. }
  16. .search-w-left .cuIcon-search {
  17. width: 54rpx;
  18. text-align: right;
  19. margin-right: 12rpx;
  20. }
  21. .search-input {
  22. height: 80rpx;
  23. line-height: 80rpx;
  24. width: 470rpx;
  25. position: relative;
  26. margin-left: 26rpx;
  27. }
  28. .search-input::after {
  29. content: '';
  30. display: block;
  31. height: 36rpx;
  32. width: 2rpx;
  33. background: #e5e5e5;
  34. position: absolute;
  35. right: 0;
  36. top: 22rpx;
  37. }
  38. .action {
  39. padding-right: 36rpx;
  40. display: flex;
  41. align-items: center;
  42. }
  43. .action .iconfont{
  44. font-size: 32rpx;
  45. margin-right: 12rpx;
  46. color: #1FE4DC;
  47. }
  48. .location-icon {
  49. width: 26rpx;
  50. height: 30rpx;
  51. margin-right: 10rpx;
  52. }
  53. .coustomer-list {
  54. border-top: 1px solid #e5e5e5;
  55. padding-left: 40rpx;
  56. }
  57. .coustomer-item {
  58. display: flex;
  59. height: 130rpx;
  60. align-items: center;
  61. border-bottom: 1px solid #e5e5e5;
  62. padding-right: 40rpx;
  63. font-size: 30rpx;
  64. }
  65. .nickname {
  66. font-weight: bold;
  67. color: #111;
  68. margin-right: 8rpx;
  69. }
  70. .rate {
  71. color: #F56C6C;
  72. font-size: 20rpx;
  73. }
  74. .create_time {
  75. flex: 1;
  76. text-align: right;
  77. color: #A3A4A5;
  78. font-size: 22rpx;
  79. }