confirmOrder.wxss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* pages/order/confirmOrder/confirmOrder.wxss */
  2. .address{
  3. width: 650rpx;
  4. height: 176rpx;
  5. background: #F7F7F7;
  6. border-radius: 30rpx;
  7. margin: 64rpx auto;
  8. box-shadow: 0 0 10rpx 10rpx #F0F0F0;
  9. display: flex;
  10. align-items: center;
  11. justify-content: space-around;
  12. }
  13. .address .addressInfo{
  14. width: 60%;
  15. }
  16. .address .userInfo{
  17. display: flex;
  18. justify-content: space-between;
  19. }
  20. .address .icon{
  21. width: 100rpx;
  22. }
  23. .address .more{
  24. width: 30rpx;
  25. transform: rotate(180deg);
  26. }
  27. /* 订单信息 */
  28. .orderInfo{
  29. margin-top: 60rpx;
  30. }
  31. .orderInfo .info{
  32. width: 650rpx;
  33. line-height: 60rpx;
  34. padding: 10rpx 0;
  35. background: #F7F7F7;
  36. margin: 0 auto 16rpx auto;
  37. border-radius: 10rpx;
  38. }
  39. .orderInfo .info view{
  40. overflow: hidden;
  41. }
  42. .orderInfo .info .title{
  43. margin-left: 20rpx;
  44. }
  45. .orderInfo .info .value{
  46. margin-right: 100rpx;
  47. float: right;
  48. }
  49. .orderInfo .info .input{
  50. margin-right: 100rpx;
  51. margin-top: 8rpx;
  52. float: right;
  53. }
  54. /* 确认订单 */
  55. .submit{
  56. width: 657rpx !important;
  57. line-height: 105rpx;
  58. padding: 0;
  59. background: #FED279;
  60. border-radius: 10rpx;
  61. font-weight: 500;
  62. }