goods_list.wxss 2.2 KB

12345678910111213141516171819202122232425262728293031
  1. .productList .search{width:100%;height:86rpx;padding-left:23rpx;box-sizing:border-box;position:fixed;left:0;z-index:9;}
  2. .productList .search .input{width:640rpx;height:60rpx;background-color:#fff;border-radius:50rpx;padding:0 20rpx;box-sizing:border-box;}
  3. .productList .search .input input{width:548rpx;height:100%;font-size:26rpx;}
  4. .productList .search .input .placeholder{color:#999;}
  5. .productList .search .input .iconfont{font-size:35rpx;color:#555;}
  6. .productList .search .icon-pailie,.productList .search .icon-tupianpailie{color:#fff;width:62rpx;font-size:40rpx;height:86rpx;line-height:86rpx;}
  7. .productList .nav{height:86rpx;color:#454545;position:fixed;left:0;width:100%;font-size:28rpx;background-color:#fff;z-index: 9;}
  8. .productList .nav .item{width:25%;text-align:center;}
  9. .productList .nav .item.font-color{font-weight:bold;}
  10. .productList .nav .item image{width:15rpx;height:19rpx;margin-left:10rpx;}
  11. .productList .list{padding:0 20rpx;margin-top:172rpx;}
  12. .productList .list.on{background-color:#fff;border-top:1px solid #f6f6f6;}
  13. .productList .list .item{width:345rpx;margin-top:20rpx;background-color:#fff;border-radius:10rpx;}
  14. .productList .list .item.on{width:100%;display:flex;border-bottom:1rpx solid #f6f6f6;padding:30rpx 0;margin:0;}
  15. .productList .list .item .pictrue{width:100%;height:345rpx;position: relative;}
  16. .productList .list .item .pictrue.on{width:180rpx;height:180rpx;}
  17. .productList .list .item .pictrue image{width:100%;height:100%;border-radius:10rpx 10rpx 0 0;}
  18. .productList .list .item .pictrue image.on{border-radius:6rpx;}
  19. .productList .list .item .text{padding:20rpx 17rpx 26rpx 17rpx;font-size:30rpx;color:#222;}
  20. .productList .list .item .text.on{width:508rpx;padding:0 0 0 22rpx;}
  21. .productList .list .item .text .money{font-size:26rpx;font-weight:bold;margin-top:8rpx;}
  22. .productList .list .item .text .money.on{margin-top:50rpx;}
  23. .productList .list .item .text .money .num{font-size:34rpx;}
  24. .productList .list .item .text .vip{font-size:22rpx;color:#aaa;margin-top:7rpx;}
  25. .productList .list .item .text .vip.on{margin-top:12rpx;}
  26. .productList .list .item .text .vip .vip-money{font-size:24rpx;color:#282828;font-weight:bold;}
  27. .productList .list .item .text .vip .vip-money image{width:46rpx;height:21rpx;margin-left:4rpx;}
  28. .noCommodity{background-color:#fff;}