nodata.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /* templates/nodata/nodata.wxss */
  2. .nodata,
  3. .nodata-three,
  4. .nodata-four,
  5. .nodata-five {
  6. display: flex;
  7. flex-direction: column;
  8. justify-content: center;
  9. align-items: center;
  10. width: 100%;
  11. margin: 280rpx auto;
  12. }
  13. .nodata-four {
  14. margin: 360rpx auto;
  15. }
  16. .nodata-five {
  17. margin: 200rpx auto;
  18. }
  19. .nodata-image {
  20. width: 357rpx;
  21. height: 276rpx;
  22. margin-bottom: 20rpx;
  23. }
  24. .nodata-three-image {
  25. width: 357rpx;
  26. height: 276rpx;
  27. margin-bottom: 15rpx;
  28. }
  29. .nodata-four-image {
  30. width: 287rpx;
  31. height: 241rpx;
  32. margin-bottom: 27rpx;
  33. }
  34. .nodata-five-image {
  35. width: 610rpx;
  36. height: 390rpx;
  37. margin-bottom: 27rpx;
  38. }
  39. .nodata-three-text {
  40. font-size: 36rpx;
  41. color: #393939;
  42. }
  43. .nodata-four-text,
  44. .nodata-five-text {
  45. color: #7E7E7E;
  46. font-size: 36rpx;
  47. }
  48. .nodata-two {
  49. font-size: 24rpx;
  50. color: #CCCCCC;
  51. margin: 40rpx 30rpx;
  52. text-align: center;
  53. position: relative;
  54. }
  55. .nodata-two::before {
  56. position: absolute;
  57. content: '';
  58. top: 16rpx;
  59. margin-left: -152rpx;
  60. width: 112rpx;
  61. height: 2rpx;
  62. background: #CCCCCC;
  63. }
  64. .nodata-two::after {
  65. position: absolute;
  66. content: '';
  67. top: 16rpx;
  68. margin-left: 35rpx;
  69. width: 112rpx;
  70. height: 2rpx;
  71. background: #CCCCCC;
  72. }