::-webkit-scrollbar { width: 0; height: 0; color: transparent; } .top-bar{ position: fixed; top:0; left: 0; right: 0; width: 100%; overflow: hidden; background: #fff; z-index: 10; border-top: 1rpx solid #E3E3E3; } .cat-list { white-space: nowrap; border-bottom: 1rpx solid #e3e3e3; background: #fff; } .cat-list .list-content{ white-space: nowrap; height: 100rpx; } .cat-list .cat-item { white-space: nowrap; display: inline-block; padding: 0 40rpx; height: 100%; } .cat-list .cat-item wx-text{ white-space: nowrap; border-bottom: 5rpx solid transparent; height: 100%; transform: translateY(1rpx); } .cat-list .cat-item.active wx-text{ color: #ff4544; border-bottom-color: #ff4544; } .sub-cat-list{ white-space: nowrap; border-bottom: 1rpx solid #e3e3e3; background: #fff; } .sub-cat-list wx-scroll-view{ height: 100rpx; } .sub-cat-list .list-content{ white-space: nowrap; height: 100rpx; padding: 0 20rpx; } .sub-cat-list .cat-item{ display: inline-block; height: 60rpx; padding: 0 20rpx; border: 1rpx solid #ff4544; margin: 20rpx; color: #ff4544; border-radius: 5rpx; } .sub-cat-list .cat-item wx-text{ height: 100%; } .sub-cat-list .cat-item.active{ background: #ff4544; color: #fff; } .top-bar ~ .goods-list{ padding-top: 106rpx; } .top-bar.height-bar ~ .goods-list{ padding-top: 206rpx; } .goods-item{ width: 365rpx; display: inline-block; position: relative; margin: 0 5rpx; margin-bottom: 10rpx; background: #fff; } .goods-item .goods-pic{ width: 100%; height: 365rpx; } .goods-item .goods-info { padding: 5rpx 0; } .goods-item .goods-name { white-space: nowrap; text-overflow:ellipsis; overflow:hidden; padding: 10rpx; display: block; text-align: center; } .goods-item .goods-price{ color: #f40; display: block; text-align: center; } .loading-bar{ visibility: hidden; } .loading-bar.active{ visibility: visible; } .sort-bar{ height: 100rpx; } .sort-item.active{ color: #ff4544; } .sort-item .sort-icon-box{ margin-left: 15rpx; } .sort-item .sort-icon-up, .sort-item .sort-icon-down{ width: 20rpx; height: 12rpx; display: block; } .sort-item .sort-icon-up{ margin-bottom: 5rpx; }