Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
H5_module
/
mine
/
order
/
order.css

order.css 3.0 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. /* pages/order/order.wxss */
    2. 

  2. page {padding-bottom: 20rpx;}
    3. 

  3. .tab {padding: 0 35rpx;display: flex;display: -webkit-flex;height: 100rpx;background: #fff;line-height: 100rpx;position: fixed;top: 0;left: 0;right: 0;z-index: 20;}
    4. 

  4. .tab .li {font-size: 28rpx;color: #999;width: 20%;text-align: center;position: relative;overflow: hidden;}
    5. 

  5. .tab .li.active {color: #333;}
    6. 

  6. .tab .li.active::after {content: '';display: block;width: 49rpx;height: 6rpx;background: var(--mina) !important;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
    7. 

  7. .search {margin: 20rpx;background: #fff;padding: 0 30rpx;border-radius: 50rpx;}
    8. 

  8. .search image {width: 30rpx;height: 30rpx;margin-right: 20rpx;}
    9. 

  9. .ipt {font-size: 30rpx;color: #333;padding: 20rpx 0;}
    10. 

  10. .placeholder {color: #999;}
    11. 

  11. .lists {background: #fff;border-radius: 10rpx;padding: 0 15rpx;margin: 20rpx;}
    12. 

  12. .ddbh {height: 99rpx;line-height: 99rpx;border-bottom: 1rpx solid #e9e9e9;display: flex;display: -webkit-flex;align-items: center;margin-bottom: 10rpx;padding: 0 5rpx;}
    13. 

  13. .ddbh text {display: block;font-size: 28rpx;color: #999;}
    14. 

  14. .ddbh text.copy {border: 1rpx solid #999;border-radius: 20rpx;padding: 0 15rpx;height: 36rpx;line-height: 36rpx;margin-left: 15rpx;font-size: 24rpx;}
    15. 

  15. .lists .ioc {width: 24rpx;height: 24rpx;margin-right: 12rpx;}
    16. 

  16. .type {width: 82rpx;height: 36rpx;margin-left: 10rpx;}
    17. 

  17. .ddbh view {font-size: 26rpx;color: #333;align-items: center;}
    18. 

  18. .tihuoma {margin-left: 15rpx;}
    19. 

  19. .tihuoma text {color: #FE0419;display: inline-block;}
    20. 

  20. .lists .li {display: flex;display: -webkit-flex;align-items: flex-start;padding: 20rpx 5rpx;}
    21. 

  21. .cimg {width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;box-sizing: border-box;}
    22. 

  22. .zhinfo {flex: 1;-webkit-flex: 1;overflow: hidden;position: relative;}
    23. 

  23. .zhtit {font-size: 30rpx;color: #333;font-weight: bold;overflow: hidden;}
    24. 

  24. .zhjia {margin-left: 20rpx;}
    25. 

  25. .gg{margin-top: 20rpx;}
    26. 

  26. .guigecontent {margin-top: 5rpx;font-size: 24rpx;color: #999;display: flex;flex-direction: row;}
    27. 

  27. .guige {font-size: 24rpx;color: #999;}
    28. 

  28. .jiage {display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 30rpx;}
    29. 

  29. .price {font-size: 30rpx;color: #333;}
    30. 

  30. .price text {font-size: 20rpx;}
    31. 

  31. .num {font-size: 28rpx;color: #999;}
    32. 

  32. .num text {font-size: 24rpx;}
    33. 

  33. .yuji{margin-top: 25rpx;font-size: 24rpx;color: #d8801c;}
    34. 

  34. .total {display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;font-size: 26rpx;color: #000;margin: 15rpx 0 25rpx;}
    35. 

  35. .total view {margin-left: 25rpx;}
    36. 

  36. .total text {color: #FE0419;font-weight: bold;}
    37. 

  37. .status {border-top: 1rpx solid #e9e9e9;display: flex;display: -webkit-flex;justify-content: flex-end;align-items: center;padding: 35rpx 5rpx;font-size: 28rpx;color: #333;}
    38. 

  38. .status .sta-btn {width: 138rpx;height: 48rpx;border: 2rpx solid #D2D2D2;border-radius: 48rpx;text-align: center;line-height: 48rpx;font-size: 22rpx;color: #333;margin-left: 10rpx;}
    39. 

  39. .status .sta-btn.red {color: #FE0419;border-color: #FE0419;}
    40. 

  40. .jtycont {justify-content: space-between;}
    41.