Halaman utama Jelajahi Bantuan
Masuk
hx-mini
/
hx-mini-uni
2
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Pohon: bc21c2ccd1
Ranting Tag
hx-mini-uni
/
unpackage
/
dist
/
dev
/
mp-toutiao
/
pages
/
order
/
info.ttss

info.ttss 5.2 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 
  1. 

  2. page{background-color: #f8f8f8;}
    3. 

  3. .skeleton{width: 90%;margin: 20rpx auto;}
    4. 

  4. .line-footer{height: 200rpx;}
    5. 

  5. .address-info{font-size: 28rpx;color: #333;}
    6. 

  6. .footer{position: fixed;bottom: 0;background-color: #fff;padding: 20rpx 20rpx 0 20rpx;border-top: 2rpx solid #f8f8f8;left: 0;right: 0;}
    7. 

  7. .footer .footer-op{display: flex;align-items: center;}
    8. 

  8. .footer .footer-op .footer-left{display: flex;align-items: center;gap: 10rpx;justify-content: center;font-size: 32rpx;color: #fe2c56;font-weight: bold;}
    9. 

  9. .footer .footer-op .footer-left text{color: #333;font-size: 28rpx;font-weight: normal;}
    10. 

  10. .footer .footer-op .footer-left text.red{color: #f56c6c;font-weight: bold;}
    11. 

  11. .footer .footer-op .footer-left .item{flex-direction: column;display: flex;font-size: 24rpx;color: #333;align-items: center;}
    12. 

  12. .footer .footer-op .footer-left image{width: 40rpx;height: 40rpx;}
    13. 

  13. .footer .footer-op .footer-right{margin-left: auto;margin-right: 0;display: flex;align-items: center;gap: 20rpx;}
    14. 

  14. .footer .footer-op .footer-right .btn{font-size: 28rpx;height: 80rpx;border-radius: 10rpx;line-height: 80rpx;text-align: center;width: 200rpx;color: #333;border: 2rpx solid #ccc;}
    15. 

  15. .footer .footer-op .footer-right .btn.danger{border:2rpx solid #fe2c56;color: #fe2c56;}
    16. 

  16. .footer .footer-op .footer-right .btn.full{background-color: #fe2c56;color: #fff;border:2rpx solid #fe2c56;}
    17. 

  17. .footer .footer-safe {height: env(safe-area-inset-bottom);width: 100%;}
    18. 

  18. .order-status{padding: 40rpx 20rpx;text-align: center;}
    19. 

  19. .order-status .status-name{text-align: center;font-size: 32rpx;color: #333;font-weight: bold;display: flex;align-items: center;justify-content: center;}
    20. 

  20. .order-status .status-desc{font-size: 24rpx;color: #666;margin-top: 20rpx;}
    21. 

  21. .order-info{background-color: #fff;padding: 20rpx;margin-top: 20rpx;}
    22. 

  22. .order-info .title{font-size: 32rpx;color: #333;font-weight: bold;margin-bottom: 20rpx;}
    23. 

  23. .order-info .info-item{height: 80rpx;line-height: 80rpx;font-size: 28rpx;display: flex;align-items: center;}
    24. 

  24. .order-info .info-item .right{color: #666;margin-left: auto;margin-right: 0;}
    25. 

  25. .order-info .info-item .right text{border: 2rpx solid #ccc;color: #333;font-size: 24rpx;padding: 0 15rpx;margin-left: 20rpx;border-radius: 5rpx;}
    26. 

  26. .goods-safe{display: flex;align-items: center;font-size: 24rpx;color: #999;gap: 40rpx;background: #fff;border-top: 2rpx solid #f8f8f8;padding: 20rpx;}
    27. 

  27. .goods-safe .safe-item{display: flex;align-items: center;}
    28. 

  28. .goods-safe image{width: 30rpx;height: 30rpx;margin-right: 10rpx;}
    29. 

  29. .order-goods{display: flex;align-items: center;background-color: #fff;padding: 0 20rpx;}
    30. 

  30. .order-goods image{width: 140rpx;height: 140rpx;}
    31. 

  31. .goods-info{margin-left: 20rpx;font-size: 28rpx;flex: 1;padding: 20rpx 0;}
    32. 

  32. .goods-info .name{font-size: 30rpx;color: #333;}
    33. 

  33. .goods-info .desc{font-size: 24rpx;color: #999;margin: 20rpx 0;}
    34. 

  34. .goods-info .desc text{margin-left: 20rpx;}
    35. 

  35. .goods-info .total{font-size: 30rpx;color: #333;text-align: right;font-weight: bold;}
    36. 

  36. .goods-item{display: flex;align-items: center;line-height: 80rpx;justify-content: space-between;font-size: 28rpx;color: #333;background-color: #fff;padding: 0 20rpx;border-top: 2rpx solid #f8f8f8;}
    37. 

  37. .goods-item .right.red{color: #fe2c56;}
    38. 

  38. .home-store{margin: 20rpx auto;display: flex;align-items: center;background-color: #fff;border-radius: 10rpx;display: flex;align-items: center;padding: 30rpx;}
    39. 

  39. .home-store .store-right{width: 120rpx;height: 120rpx;background-color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: 0;border-radius: 10rpx;}
    40. 

  40. .home-store .store-right image{width: 60rpx;height: 60rpx;}
    41. 

  41. .home-store .left{display: flex;align-items: center;}
    42. 

  42. .home-store .left image{width: 60rpx;height: 60rpx;margin-right: 20rpx;}
    43. 

  43. .home-store .right {margin-left: auto;margin-right: 0;display: flex;align-items: center;}
    44. 

  44. .home-store .right image{width: 50rpx;height: 50rpx;}
    45. 

  45. .home-store .name{font-size: 32rpx;color: #000;font-weight: bold;}
    46. 

  46. .home-store .desc{font-size: 26rpx;color: #666;margin-top: 20rpx;}
    47. 

  47. .home-store .status{color: #333;font-size: 28rpx;padding:5rpx 15rpx;border-radius: 10rpx;margin-left: 10rpx;}
    48. 

  48. .home-store .status.error{background-color: #fef0f0;color: #f56c6c;}
    49. 

  49. .service-popup .item{height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;border-bottom: 2rpx solid #f8f8f8;}
    50. 

  50. .service-popup .item .btn{background-color: #fff;border: 0;height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;}
    51. 

  51. .service-popup .item .btn::after{border: 0;}
    52. 

  52. .service-popup .foot{height: 100rpx;line-height: 100rpx;text-align: center;font-size: 28rpx;color: #333;border-top: 20rpx solid #f8f8f8;}
    53. 

  53. .goods-store{background-color: #fff;padding: 0 20rpx;margin-top: 20rpx;}
    54. 

  54. .goods-store .title{line-height: 80rpx;font-size: 32rpx;color: #333;font-weight: bold;display: flex;align-items: center;border-bottom: 2rpx solid #f8f8f8;}
    55. 

  55. .goods-store .store-info{display: flex;align-items: center;padding: 20rpx 0;}
    56. 

  56. .goods-store .store-info .store-right{margin-left: auto;margin-right: 0;font-size: 24rpx;color: #999;}
    57. 

  57. .goods-store .store-info .store-right image{width: 50rpx;height: 50rpx;margin-bottom: 10rpx;}
    58. 

  58. .goods-store .store-info .store-left .name{font-size: 30rpx;color: #333;font-weight: bold;line-height: 80rpx;}
    59. 

  59. .goods-store .store-info .store-left .address{font-size: 24rpx;color: #999;}
    60. 

  60.