recordPrize.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /* pages/luckDraw/recordPrize.wxss */
  2. page{
  3. background: #F7F7F7;
  4. display:flex;
  5. flex-flow: column nowrap;
  6. justify-content: left;
  7. align-items: center;
  8. box-sizing: border-box;
  9. padding-top: 22rpx;
  10. }
  11. /* 垂直方向布局,水平居中 **/
  12. .flex-column{
  13. display: flex;
  14. flex-flow: column nowrap;
  15. align-items: center;
  16. justify-content: left;
  17. }
  18. /* 水平方向布局,垂直居中 **/
  19. .flex-row{
  20. display: flex;
  21. flex-flow: row nowrap;
  22. align-items: center;
  23. justify-content: center;
  24. }
  25. .record{
  26. width: 707rpx;
  27. height: 203rpx;
  28. background-image: url(https://dy.shpr.top/welfareGo/luck-draw.png);
  29. background-size: 100% 100%;
  30. justify-content: space-between;
  31. margin-bottom: 19rpx;
  32. }
  33. .no-record{
  34. width: 707rpx;
  35. height: 203rpx;
  36. background-image: url(https://dy.shpr.top/welfareGo/no-luck-draw.png);
  37. background-size: 100% 100%;
  38. justify-content: space-between;
  39. margin-bottom: 19rpx;
  40. }
  41. .record-title,.record-data{
  42. padding-left: 49rpx;
  43. }
  44. .record-data{
  45. width: 400rpx;
  46. justify-content: space-between;
  47. margin-top: 45rpx;
  48. }
  49. .record-title{
  50. width: 400rpx;
  51. height: 40rpx;
  52. font-size: 34rpx;
  53. font-weight: bold;
  54. color: #000000;
  55. line-height: 30rpx;
  56. }
  57. .record-data-time{
  58. font-size: 26rpx;
  59. font-weight: 400;
  60. color: #000000;
  61. line-height: 30rpx;
  62. }
  63. .record-img{
  64. width: 202rpx;
  65. height: 203rpx;
  66. justify-content: center;
  67. }
  68. .record-img-url{
  69. width: 178rpx;
  70. height: 166rpx;
  71. }
  72. .no-record-img-url{
  73. width: 119rpx;
  74. height: 127rpx;
  75. }
  76. .record-refund{
  77. width: 139rpx;
  78. height: 40rpx;
  79. border: 1px solid #B01717;
  80. border-radius: 50rpx;
  81. }
  82. .lower-record-text{
  83. font-size: 22rpx;
  84. font-weight: 500;
  85. color: #B01717;
  86. }
  87. .no_result {
  88. font-size: 24rpx;
  89. color: #B1B1B1;
  90. line-height: 100rpx;
  91. font-weight: 1000;
  92. text-align: center;
  93. }