Strona główna Odkrywaj Pomoc
Zaloguj się
community
/
Applet
6
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: cdc97c09cf
Gałęzie Tagi
Applet
/
unpackage
/
dist
/
dev
/
mp-weixin
/
pages
/
goods
/
details.wxss

details.wxss 1.5 KB
Historia Czysty

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 
  1. 

  2. .voucher-coupon-detail {
    3. 

  3.  		padding: 20rpx;
    4. 

  4.  		width: 90%;
    5. 

  5.  		margin: 0 auto;
    6. 

  6. }
    7. 

  7. .voucher-coupon-detail-header {
    8. 

  8.  		display: flex;
    9. 

  9.  		align-items: center;
    10. 

  10.  		margin-bottom: 20rpx;
    11. 

  11. }
    12. 

  12. .voucher-coupon-detail-header-img {
    13. 

  13.  		width: 100%;
    14. 

  14.  		/* height: 120rpx; */
    15. 

  15.  		/* margin-right: 20rpx; */
    16. 

  16. }
    17. 

  17. .voucher-coupon-detail-header-info {
    18. 

  18.  		flex: 1;
    19. 

  19. }
    20. 

  20. .voucher-coupon-detail-header-info-title {
    21. 

  21.  		font-size: 32rpx;
    22. 

  22.  		font-weight: bold;
    23. 

  23.  		margin-bottom: 10rpx;
    24. 

  24.  		margin-top: 30rpx;
    25. 

  25. }
    26. 

  26. .voucher-coupon-detail-header-info-desc {
    27. 

  27.  		font-size: 28rpx;
    28. 

  28.  		color: #999;
    29. 

  29.  		margin-bottom: 10rpx;
    30. 

  30. }
    31. 

  31. .voucher-coupon-detail-header-info-time {
    32. 

  32.  		font-size: 28rpx;
    33. 

  33.  		color: #999;
    34. 

  34. }
    35. 

  35. .voucher-coupon-detail-content {
    36. 

  36.  		margin-top: 30rpx;
    37. 

  37. }
    38. 

  38. .voucher-coupon-detail-content-title {
    39. 

  39.  		font-size: 32rpx;
    40. 

  40.  		font-weight: bold;
    41. 

  41.  		margin-bottom: 20rpx;
    42. 

  42. }
    43. 

  43. .voucher-coupon-detail-content-desc {
    44. 

  44.  		font-size: 28rpx;
    45. 

  45.  		color: #999;
    46. 

  46.  		line-height: 1.5;
    47. 

  47.  		margin-bottom: 20rpx;
    48. 

  48. }
    49. 

  49. .voucher-coupon-detail-footer {
    50. 

  50.  		display: flex;
    51. 

  51.  		justify-content: space-between;
    52. 

  52.  		align-items: center;
    53. 

  53.  		background-color: #f5f5f5;
    54. 

  54.  		padding: 20rpx;
    55. 

  55.  		border-radius: 10rpx;
    56. 

  56. }
    57. 

  57. .voucher-coupon-detail-footer-price {
    58. 

  58.  		font-size: 36rpx;
    59. 

  59.  		font-weight: bold;
    60. 

  60. }
    61. 

  61. .voucher-coupon-detail-footer-btn {
    62. 

  62.  		display: flex;
    63. 

  63.  		justify-content: center;
    64. 

  64.  		align-items: center;
    65. 

  65.  		height: 80rpx;
    66. 

  66.  		background-color: #f60;
    67. 

  67.  		color: #FFFFFF;
    68. 

  68.  		font-size: 32rpx;
    69. 

  69.  		font-weight: bold;
    70. 

  70.  		border-radius: 10rpx;
    71. 

  71.  		margin-top: 50rpx;
    72. 

  72. }
    73. 

  73. .remainCount {
    74. 

  74. 		background-color: #999;
    75. 

  75. }
    76. 

  76.  
    77.