Home Explore Help
Register Sign In
PH
/
happ
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: d7cdc2a044
Branches Tags
happ
/
view
/
pages
/
admin
/
order_details
/
index.wxss

index.wxss 3.9 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940 
  1. @import '/app.wxss';
    2. 

  2. .order-details .address .name{font-size:30rpx;color:#282828;margin-bottom:10rpx;}
    3. 

  3. .order-details .address .name .phone{margin-left:40rpx;}
    4. 

  4. .order-details .line{width:100%;height:3rpx;}
    5. 

  5. .order-details .line image{width:100%;height:100%;display:block;}
    6. 

  6. .order-details .wrapper{background-color:#fff;margin-top:12rpx;padding:30rpx;}
    7. 

  7. .order-details .wrapper .item{font-size:28rpx;color:#282828;}
    8. 

  8. .order-details .wrapper .item~.item{margin-top:20rpx;}
    9. 

  9. .order-details .wrapper .item .conter{color:#868686;width:500rpx;text-align:right;}
    10. 

  10. .order-details .wrapper .item .conter .copy{font-size:20rpx;color:#333;border-radius:3rpx;border:1px solid #666;
    11. 

  11.     padding:3rpx 15rpx;margin-left:24rpx;box-sizing: border-box;}
    12. 

  12. .order-details .wrapper .actualPay{border-top:1rpx solid #eee;margin-top:30rpx;padding-top:30rpx;box-sizing: border-box;}
    13. 

  13. .order-details .wrapper .actualPay .money{font-weight:bold;font-size:30rpx;}
    14. 

  14. .order-details .footer{width:100%;height:100rpx;position:fixed;bottom:0;left:0;background-color:#fff;padding:0 30rpx;border-top:1px solid #eee;}
    15. 

  15. .order-details .footer .bnt{width:176rpx;height:60rpx;text-align:center;line-height:60rpx;border-radius:50rpx;
    16. 

  16.     color:#fff;font-size:27rpx;}
    17. 

  17. .order-details .footer .bnt.cancel{color:#aaa;border:1px solid #ddd;}
    18. 

  18. .order-details .footer .bnt.default{color: #444;border: 1px solid #444;}
    19. 

  19. .order-details .footer .bnt~.bnt{margin-left:18rpx;} 
    20. 

  20. 

  21. .pos-order-details .header{background: linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);background: -webkit-linear-gradient(to right, #2291f8 0%,#1cd1dc 100%);background: -moz-linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);padding:0 30rpx;height:150rpx;box-sizing: border-box;}
    22. 

  22. .pos-order-details .header .state{font-size:36rpx;color:#fff;}
    23. 

  23. .pos-order-details .header .data{margin-left:35rpx;font-size:28rpx;color: rgba(255,255,255,0.8);}
    24. 

  24. .pos-order-details .header .data .order-num{font-size:30rpx;margin-bottom:8rpx;}
    25. 

  25. .pos-order-details .remarks{width:100%;height:86rpx;background-color:#fff;padding:0 30rpx;box-sizing: border-box;}
    26. 

  26. .pos-order-details .remarks .iconfont{font-size:40rpx;color:#2a7efb;}
    27. 

  27. .pos-order-details .remarks input{width:630rpx;height:100%;font-size:30rpx;}
    28. 

  28. .pos-order-details .remarks input::placeholder{color:#666;}
    29. 

  29. .pos-order-details .orderingUser{font-size:26rpx;color:#282828;padding:0 30rpx;height:67rpx;background-color:#fff;margin-top:16rpx;border-bottom:1px solid #f5f5f5;}
    30. 

  30. .pos-order-details .orderingUser .iconfont{font-size:40rpx;color:#2a7efb;margin-right:15rpx;}
    31. 

  31. .pos-order-details .address{margin-top:0;font-size:26rpx;color:#868686;background-color:#fff;padding: 25rpx 30rpx 30rpx 30rpx;}
    32. 

  32. .pos-order-details .pos-order-goods{margin-top:17rpx;}
    33. 

  33. .pos-order-details .footer .more{font-size:27rpx;color:#aaa;width:100rpx;height:64rpx;text-align:center;line-height:64rpx;margin-right: 25rpx;position:relative;}
    34. 

  34. .pos-order-details .footer .delivery{background: linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);background: -webkit-linear-gradient(to right, #2291f8 0%,#1cd1dc 100%);background: -moz-linear-gradient(to right,#2291f8 0%,#1cd1dc 100%);}
    35. 

  35. .pos-order-details .footer .more .order .arrow{width: 0;height: 0;border-left: 11rpx solid transparent;border-right: 11rpx solid transparent;border-top: 0.2rem solid #e5e5e5;position:absolute;left: 15rpx;bottom:-18rpx;}
    36. 

  36. .pos-order-details .footer .more .order .arrow:before{content:'';width: 0;height: 0;border-left: 9rpx solid transparent;border-right: 9rpx solid transparent;border-top: 19rpx solid #fff;position:absolute;left:-10rpx;bottom:0;}
    37. 

  37. .pos-order-details .footer .more .order{width:200rpx;background-color:#fff;border:1px solid #eee;border-radius:10rpx;position:absolute;top:-200rpx;z-index:9;}
    38. 

  38. .pos-order-details .footer .more .order .item{height:77rpx;line-height:77rpx;}
    39. 

  39. .pos-order-details .footer .more .order .item~.item{border-top:1px solid #f5f5f5;}
    40. 

  40. .pos-order-details .footer .more .moreName{width:100%;height:100%;}
    41.