order.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. page {
  2. background: #fff;
  3. }
  4. .c-violet {
  5. color: #786cff;
  6. }
  7. .c-80 {
  8. color: #808080;
  9. }
  10. /* 选项卡 */
  11. .swiper-tab {
  12. width: 100%;
  13. text-align: center;
  14. height: 80rpx;
  15. background-color: #fff;
  16. border-bottom: 1px solid #eee;
  17. }
  18. .swiper-tab .swiper-tab-item {
  19. width: 33.333333%;
  20. height: 100%;
  21. font-size: 28rpx;
  22. color: #777;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. box-sizing: border-box;
  27. border-bottom: 2px solid #ffffff00;
  28. }
  29. .swiper-tab .on {
  30. color: #786cff;
  31. border-bottom: 2px solid #786cff;
  32. }
  33. /* 设置scroll-view容器高度 */
  34. .widget-list, .yoshop-notcont {
  35. height: 100.1%;
  36. }
  37. /* 订单列表 */
  38. .widget-list {
  39. padding: 10rpx 20rpx 40rpx 20rpx;
  40. box-sizing: border-box;
  41. }
  42. .widget__detail {
  43. padding: 20rpx 15rpx;
  44. box-sizing: border-box;
  45. font-size: 28rpx;
  46. border-bottom: 1rpx solid #e7e7e7;
  47. }
  48. .widget__detail .user-avatar {
  49. margin-right: 16rpx;
  50. }
  51. .widget__detail .user-avatar image {
  52. display: block;
  53. width: 100rpx;
  54. height: 100rpx;
  55. border: 4rpx solid #fff;
  56. border-radius: 50%;
  57. }
  58. .widget__detail .user-info {
  59. height: 100%;
  60. }
  61. .widget__detail .user-info .user-nickName {
  62. margin-bottom: 8rpx;
  63. }
  64. .widget__detail .detail__money {
  65. width: 100%;
  66. margin-bottom: 8rpx;
  67. }