Home Verkennen Help
Registreren Inloggen
duanqichao
/
kabao
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
kabao
/
pages
/
search
/
search.wxss

search.wxss 2.2 KB
Permalink Geschiedenis Ruwe

1234567891011121314151617181920212223242526272829 
  1. wx-form { padding: 16rpx 24rpx; display: block; }
    2. 

  2. .search-box { display: flex; flex-direction: row; }
    3. 

  3. .search-box wx-view { flex-grow: 1; align-items:center; }
    4. 

  4. .search-box wx-view:last-child { flex-grow: 0; }
    5. 

  5. .cat { font-size: 11pt; margin: 0 10rpx 0 24rpx; }
    6. 

  6. .pull-down { width: 124rpx; }
    7. 

  7. .pull-down-list { background-color: #fff; position: absolute; top: 80rpx; width: 150rpx; border: 1px solid #e3e3e3; border-radius: 15rpx; z-index: 999 }
    8. 

  8. .pull-down-text { font-size: 11pt; height: 88rpx; border-bottom: 1px solid #e3e3e3; }
    9. 

  9. .active { color: #ff5c5c; }
    10. 

  10. .input-box { display: flex; flex-direction: row; background: #fff; border: 1rpx solid #e3e3e3; height: 64rpx; border-radius: 10rpx; }
    11. 

  11. .input-box wx-view { flex-grow: 1 !important; align-items:center; }
    12. 

  12. .input-box wx-view:first-child { flex-grow: 0; }
    13. 

  13. .search-box .search-icon{ height: 24rpx; width: 24rpx; }
    14. 

  14. .search-box .search-cancel{ display: inline-block; height: 64rpx; line-height: 68rpx; color: #00c203; white-space: nowrap; padding: 0  24rpx; margin-right: -24rpx; }
    15. 

  15. .search-history{ padding: 24rpx 34rpx; }
    16. 

  16. .search-history .search-history-title{ color: #666666; }
    17. 

  17. .search-history .delete-search-history{ float: right; padding:15rpx 20rpx; margin-top: -15rpx; }
    18. 

  18. .search-history-list{ padding: 24rpx 0 0 0; }
    19. 

  19. .search-history-list .search-history-item{ display: inline-block; height: 64rpx; line-height: 64rpx; padding: 0 32rpx; margin: 0 20rpx 20rpx 0; background: #ddd; border-radius: 10rpx; }
    20. 

  20. .loading-bar{ text-align: center; padding: 0; visibility: hidden; height: 0; }
    21. 

  21. .loading-bar.active{ visibility: visible; height: auto; padding: 20rpx; }
    22. 

  22. .goods-list{ margin-left: -10rpx; margin-right: -10rpx; }
    23. 

  23. .goods-item{ width: 365rpx; display: inline-block; position: relative; margin: 0 10rpx; margin-bottom: 20rpx; font-size: 0; background: #fff; }
    24. 

  24. .goods-item .goods-pic{ width: 100%; height: 365rpx; }
    25. 

  25. .goods-item .goods-info { padding: 5rpx 0; }
    26. 

  26. .goods-item .goods-name { white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding: 10rpx; font-size: 11pt; display: block; text-align: center; }
    27. 

  27. .goods-item .goods-price{ font-size: 11pt; color: #f40; display: block; text-align: center; }
    28. 

  28. .loading-more-bar{ text-align: center; margin-bottom: 20rpx; opacity: 0; }
    29. 

  29. .loading-more-bar.active{ opacity: 1; }
    30.