Home Explore Help
Register Sign In
duanqichao
/
kabao
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
kabao
/
mch
/
m
/
goods
/
goods.wxss

goods.wxss 2.3 KB
Permalink History Raw

123456789101112131415161718192021 
  1. .after-navber{ padding-top: 208rpx; }
    2. 

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

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

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

  5. .tab-bar wx-navigator wx-view { height: 90rpx; line-height: 90rpx; border-bottom: 4rpx solid transparent; }
    6. 

  6. .tab-bar wx-navigator wx-view.active{ border-color: #ff4544; color: #ff4544; }
    7. 

  7. .goods-list{ background: #fff; }
    8. 

  8. .goods-list .goods-item{ border-top: 1rpx solid #eeeeee; font-size: 9pt; }
    9. 

  9. .goods-list .goods-name{ position: relative; height: 76rpx; line-height: 38rpx; }
    10. 

  10. .goods-list .goods-name > wx-view { position: absolute; left: 0; right: 0; top: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
    11. 

  11. .goods-list .more-btn{ position: relative; width: 70rpx; }
    12. 

  12. .goods-list .more-icon{ position: absolute; right: 0; bottom: -13rpx; width: 70rpx; height: 70rpx; }
    13. 

  13. .goods-list .more-icon > wx-view{ width: 100%; text-align: center; font-size: 0; }
    14. 

  14. .goods-list .more-icon > wx-view > wx-view { width: 10rpx; height: 10rpx; background: #888; border-radius: 999rpx; display: inline-block; margin: 0 3rpx; }
    15. 

  15. .goods-list .more-alert{ position: absolute; background: rgba(0,0,0,.75); color: #fff; bottom: calc(100% + 10rpx); right: 0; border-radius: 8rpx; visibility: hidden; opacity: 0; transition: 150ms; }
    16. 

  16. .goods-list .more-alert.show{ visibility: visible; opacity: 1; }
    17. 

  17. .goods-list .more-alert:after{ display: inline-block; position: absolute; content: " "; width: 0; height: 0; right: 20rpx; border: 15rpx solid rgba(0,0,0,.75); border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
    18. 

  18. .goods-list .more-alert-item{ padding: 20rpx 0; width: 110rpx; text-align: center; font-size: 7pt; line-height: 1; }
    19. 

  19. .goods-list .more-alert-item wx-image{ width: 40rpx; height: 40rpx; margin-bottom: 10rpx; }
    20. 

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

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