favorite.wxss 1.9 KB

12345678910111213141516171819202122
  1. .goods-list{ padding-top: 5rpx; }
  2. .goods-item{ width: 365rpx; display: inline-block; position: relative; margin: 0 5rpx; margin-bottom: 10rpx; font-size: 0; background: #fff; }
  3. .goods-item .goods-pic{ width: 100%; height: 365rpx; }
  4. .goods-item .goods-info { padding: 5rpx 0; }
  5. .goods-item .goods-name { white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding: 10rpx; font-size: 11pt; display: block; text-align: center; }
  6. .goods-item .goods-price{ font-size: 11pt; color: #f40; display: block; text-align: center; }
  7. .loading-bar{ visibility: hidden; }
  8. .loading-bar.active{ visibility: visible; }
  9. .tab-bar{ background: #fff; border-top: 1rpx solid #e3e3e3; border-bottom: 1rpx solid #e3e3e3; position: fixed; top:0; left: 0; width: 100%; z-index: 10; height: 100rpx; }
  10. .tab-bar .tab-name{ display: inline-block; padding: 24rpx 32rpx; border-bottom: 2rpx solid transparent; height: 98rpx; }
  11. .tab-bar .tab-name.active{ border-color: #ff4544; color: #ff4544; }
  12. .list .item{ display: block; background: #fff; padding: 34rpx 24rpx; margin-bottom: 10rpx; }
  13. .list .item .title{ -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
  14. .list .item .cover-pic{ width: 268rpx; height: 202rpx; margin-left: 10rpx; display: block; }
  15. .list .item .goods-count, .list .item .read-count{ font-size: 9pt; color: #888; }
  16. .list .item.layout-1 .title{ margin-bottom: 24rpx; -webkit-line-clamp: 2; }
  17. .list .item.layout-1 .cover-pic{ width: 702rpx; height: 350rpx; margin-left: 0; margin-bottom: 24rpx; }
  18. .list .item.layout-0 .goods-count{ position: absolute; bottom: 20rpx; right: 0rpx; display: inline-block; background: rgba(0,0,0,.5); color: rgba(255, 255, 255, 0.8); padding: 5rpx 10rpx; }
  19. .no-content{ color: #888; padding: 100rpx 0 0 0; text-align: center; }
  20. .loading-more{ text-align: center; opacity: 0; }
  21. .loading-more.active{ opacity: 1; }
  22. .loading-more wx-image{ width: 160rpx; height: 80rpx; }