Ana Sayfa Keşfet Yardım
Üye Ol Giriş Yap
duanqichao
/
kabao
1
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Dal: master
Dallar Biçim İmleri
kabao
/
mch
/
m
/
order
/
order.wxss

order.wxss 4.3 KB
Kalıcı Bağlantı Geçmiş Ham

1234567891011121314151617181920212223242526272829303132333435363738394041424344 
  1. .order-item-btn { display: inline-block; font-size: 9pt; height: 60rpx; line-height: 60rpx; padding: 0 24rpx; margin-left: 24rpx; border: 1rpx solid #ccc; color: #555; border-radius: 8rpx; background: #fff; margin-bottom: -10rpx; }
    2. 

  2. .order-item-btn.button-hover{ opacity: .75; }
    3. 

  3. .order-item-btn:after { display: none; }
    4. 

  4. .order-tab{ }
    5. 

  5. .order-tab .order-tab-item{ text-align: center; height: 88rpx; line-height: 88rpx; border-bottom: 1rpx solid #eee; }
    6. 

  6. .order-tab .order-tab-item.active{ background: #ff4544; color: #fff; border-bottom-color: #ff4544; }
    7. 

  7. .after-navber{ padding-top: 208rpx; }
    8. 

  8. .top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1rpx solid #e3e3e3; z-index: 10; }
    9. 

  9. .search { background: #EFEFF4; border-top: 1rpx solid #e3e3e3; border-bottom: 1rpx solid #e3e3e3; padding: 24rpx 32rpx; width: 100%; }
    10. 

  10. .search wx-input{ background: #fff; border: 1rpx solid #eee; border-radius: 999rpx; text-align: center; height: 70rpx; font-size: 9pt; width: 100%; }
    11. 

  11. .top-bar .menu-text, .tab-bar wx-navigator wx-view { height: 90rpx; line-height: 90rpx; border-bottom: 4rpx solid transparent; }
    12. 

  12. .top-bar .menu-text.active, .tab-bar wx-navigator wx-view.active{ border-color: #ff4544; color: #ff4544; }
    13. 

  13. .top-bar .menu{ position: relative; }
    14. 

  14. .top-bar .menu-text{ min-width: 133rpx; }
    15. 

  15. .top-bar .menu-icon{ margin-left: 14rpx; }
    16. 

  16. .top-bar .menu-icon wx-view{ width: 18rpx; height: 4rpx; margin: 6rpx 0; background: #888; }
    17. 

  17. .top-bar .menu-text.active .menu-icon wx-view{ background: #ff4544; }
    18. 

  18. .top-bar .menu-list{ position: absolute; top: 100%; right: 24rpx; left: 24rpx; background: #fff; border: 1rpx solid #e3e3e3; border-top: none; opacity: 0; visibility: hidden; transition: 150ms; }
    19. 

  19. .top-bar .menu-list.show{ opacity: 1; visibility: visible; }
    20. 

  20. .top-bar .menu-list wx-navigator{ display: block; text-align: center; height: 90rpx; line-height: 90rpx; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    21. 

  21. .loading-more{ font-size: 0; text-align: center; padding: 12rpx; opacity: .5; visibility: hidden; transition: 150ms; }
    22. 

  22. .loading-more.show{ visibility: visible; opacity: 1; }
    23. 

  23. .order-list{ }
    24. 

  24. .order-item{ background: #fff; margin-bottom: 24rpx; border-top: 1rpx solid #e3e3e3; border-bottom: 1rpx solid #e3e3e3; padding: 24rpx; }
    25. 

  25. .order-item-btn { display: inline-block; font-size: 9pt; height: 60rpx; line-height: 60rpx; padding: 0 24rpx; margin-left: 24rpx; border: 1rpx solid #ccc; color: #555; border-radius: 8rpx; background: #fff; margin-bottom: -10rpx; }
    26. 

  26. .order-item-btn.button-hover{ opacity: .75; }
    27. 

  27. .order-item-btn:after { display: none; }
    28. 

  28. .order-modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; transform: translateY(100%); overflow-x: hidden; overflow-y: auto; }
    29. 

  29. .order-modal .modal-bg { background: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; transition: 350ms; }
    30. 

  30. .order-modal .modal-dialog{ background: #fff; width: 75vw; border-radius: 16rpx; box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, .1); opacity: .25; transform: translateY(50%); transition: 250ms; overflow: hidden; }
    31. 

  31. .order-modal .modal-header{ text-align: center; padding: 40rpx 0; font-weight: 400; }
    32. 

  32. .order-modal .modal-body{ }
    33. 

  33. .order-modal .modal-footer{ border-top: 1rpx solid #eee; }
    34. 

  34. .order-modal .modal-cancel, .order-modal .modal-confirm { background: #fff; font-weight: 11pt; font-family: inherit; height: 88rpx; line-height: 88rpx; padding: 0 0; text-align: center; border: none; border-radius: 0; color: #555; position: relative; }
    35. 

  35. .order-modal .modal-confirm{ color: #ff4544; }
    36. 

  36. .order-modal .modal-cancel:after, .order-modal .modal-confirm:after{ display: none; }
    37. 

  37. .order-modal .modal-split { position: absolute; right: 0; top: 22rpx; height: 44rpx; width: 1rpx; background: #e3e3e3; }
    38. 

  38. .order-modal .modal-footer .button-hover{ opacity: .75; background: #e3e3e3; }
    39. 

  39. .order-modal.show{ transform: translateY(0%); }
    40. 

  40. .order-modal.show .modal-bg{ opacity: 1; }
    41. 

  41. .order-modal.show .modal-dialog{ transform: translateY(0%); opacity: 1; }
    42. 

  42. .order-modal-btn{ height: 80rpx; line-height: 80rpx; padding: 0 32rpx; border: 1rpx solid #e2e2e2; border-radius: 16rpx; font-size: 11pt; margin: 0 0; }
    43. 

  43. .order-modal-btn.active{ background: #ff4544; color: #fff; border-color: #ff4544; }
    44. 

  44. .goods-name{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    45.