goods_cate.wxss 1.6 KB

12345678910111213141516171819
  1. page{background-color:#fff!important;}
  2. .productSort .header{width:100%;height:96rpx;background-color:#fff;position:fixed;left:0;right:0;z-index:9;border-bottom:1rpx solid #f5f5f5;}
  3. .productSort .header .input{width:90%;height:60rpx;background-color:#f5f5f5;border-radius:50rpx;box-sizing:border-box;padding:0 25rpx;}
  4. .productSort .header .input .iconfont{font-size:35rpx;color:#555;}
  5. .productSort .header .input .placeholder{color:#999;}
  6. .productSort .header .input input{font-size:26rpx;height:100%;width: 90%;}
  7. .productSort .aside{position:fixed;width:180rpx;left:0;bottom:0;background-color:#f7f7f7;overflow-y:auto;overflow-x:hidden;}
  8. .productSort .aside .item{height:80rpx;width:100%;font-size:26rpx;color:#424242;}
  9. .productSort .aside .item.on{background-color:#fff;border-left:4rpx solid #fc4141;width:100%;text-align:center;color:#fc4141;font-weight:bold;}
  10. .productSort .conter{margin:98rpx 0 0 180rpx;padding:0 14rpx;}
  11. .productSort .conter .listw{padding-top:20rpx;vertical-align: top;}
  12. .productSort .conter .listw .title{height:90rpx;}
  13. .productSort .conter .listw .title .line{width:100rpx;height:2rpx;background-color:#999;}
  14. .productSort .conter .listw .title .name{font-size:28rpx;color:#333;margin:0 30rpx;font-weight:bold;}
  15. .productSort .conter .list{flex-wrap:wrap;}
  16. .productSort .conter .list .item{width:177rpx;margin-top:26rpx;}
  17. .productSort .conter .list .item .picture{width:120rpx;height:120rpx;border-radius:50%;}
  18. .productSort .conter .list .item .picture image{width:100%;height:100%;border-radius:50%;}
  19. .productSort .conter .list .item .name{font-size:24rpx;color:#333;height:56rpx;line-height:56rpx;width:120rpx;text-align:center;}