Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 79211bbcf1
Branches Tags
H5_module
/
integralshop
/
order
/
order.css

order.css 2.4 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637 
  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;}
    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:#fd7860 !important;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
    7. 

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

  8. .ddbh{height: 99rpx;line-height: 99rpx;border-bottom: 1rpx solid #F5F5F5;display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-bottom: 10rpx;padding: 0 5rpx;}
    9. 

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

  10. .lists .ioc{width: 24rpx;height: 24rpx;margin-right: 12rpx;}
    11. 

  11. .type{width: 82rpx;height: 36rpx;}
    12. 

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

  13. .tihuoma{margin-left: 15rpx;}
    14. 

  14. .tihuoma text{color: #FE0419;display: inline-block;}
    15. 

  15. .lists .li{display: flex;display: -webkit-flex;align-items: center;padding: 20rpx 5rpx;}
    16. 

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

  17. .zhinfo{flex:1;-webkit-flex: 1;overflow: hidden;position: relative;}
    18. 

  18. .zhtit{font-size: 30rpx;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    19. 

  19. .guigecontent{  
    20. 

  20.   margin-top: 5rpx;
    21. 

  21.   font-size: 22rpx;color: #999;
    22. 

  22.   display: flex;  
    23. 

  23.   flex-direction: row;  
    24. 

  24. }
    25. 

  25. .guige{font-size: 22rpx;color: #999;}
    26. 

  26. .jiage{display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;margin-top: 55rpx;}
    27. 

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

  28. .price text{font-size: 20rpx;}
    29. 

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

  30. .num text{font-size: 24rpx;}
    31. 

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

  32. .total view{margin-left: 25rpx;}
    33. 

  33. .total text{color: #FE0419;}
    34. 

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

  35. .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;}
    36. 

  36. .status .sta-btn.red{color: #FE0419;border-color: #FE0419;}
    37. 

  37. .jtycont{justify-content: space-between;}
    38.