Home Explore Help
Register Sign In
Kirin
/
kpyk
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 683c689e63
Branches Tags
kpyk
/
view
/
pages
/
goods_list
/
goods_list.wxss

goods_list.wxss 2.2 KB
History Raw

12345678910111213141516171819202122232425262728293031 
  1. .productList .search{width:100%;height:86rpx;padding-left:23rpx;box-sizing:border-box;position:fixed;left:0;z-index:9;}
    2. 

  2. .productList .search .input{width:640rpx;height:60rpx;background-color:#fff;border-radius:50rpx;padding:0 20rpx;box-sizing:border-box;}
    3. 

  3. .productList .search .input input{width:548rpx;height:100%;font-size:26rpx;}
    4. 

  4. .productList .search .input .placeholder{color:#999;}
    5. 

  5. .productList .search .input .iconfont{font-size:35rpx;color:#555;}
    6. 

  6. .productList .search .icon-pailie,.productList .search .icon-tupianpailie{color:#fff;width:62rpx;font-size:40rpx;height:86rpx;line-height:86rpx;}
    7. 

  7. .productList .nav{height:86rpx;color:#454545;position:fixed;left:0;width:100%;font-size:28rpx;background-color:#fff;z-index: 9;}
    8. 

  8. .productList .nav .item{width:25%;text-align:center;}
    9. 

  9. .productList .nav .item.font-color{font-weight:bold;}
    10. 

  10. .productList .nav .item image{width:15rpx;height:19rpx;margin-left:10rpx;} 
    11. 

  11. .productList .list{padding:0 20rpx;margin-top:172rpx;}
    12. 

  12. .productList .list.on{background-color:#fff;border-top:1px solid #f6f6f6;}
    13. 

  13. .productList .list .item{width:345rpx;margin-top:20rpx;background-color:#fff;border-radius:10rpx;}
    14. 

  14. .productList .list .item.on{width:100%;display:flex;border-bottom:1rpx solid #f6f6f6;padding:30rpx 0;margin:0;}
    15. 

  15. .productList .list .item .pictrue{width:100%;height:345rpx;position: relative;}
    16. 

  16. .productList .list .item .pictrue.on{width:180rpx;height:180rpx;}
    17. 

  17. .productList .list .item .pictrue image{width:100%;height:100%;border-radius:10rpx 10rpx 0 0;}
    18. 

  18. .productList .list .item .pictrue image.on{border-radius:6rpx;}
    19. 

  19. .productList .list .item .text{padding:20rpx 17rpx 26rpx 17rpx;font-size:30rpx;color:#222;}
    20. 

  20. .productList .list .item .text.on{width:508rpx;padding:0 0 0 22rpx;}
    21. 

  21. .productList .list .item .text .money{font-size:26rpx;font-weight:bold;margin-top:8rpx;}
    22. 

  22. .productList .list .item .text .money.on{margin-top:50rpx;}
    23. 

  23. .productList .list .item .text .money .num{font-size:34rpx;}
    24. 

  24. .productList .list .item .text .vip{font-size:22rpx;color:#aaa;margin-top:7rpx;}
    25. 

  25. .productList .list .item .text .vip.on{margin-top:12rpx;}
    26. 

  26. .productList .list .item .text .vip .vip-money{font-size:24rpx;color:#282828;font-weight:bold;}
    27. 

  27. .productList .list .item .text .vip .vip-money image{width:46rpx;height:21rpx;margin-left:4rpx;}
    28. 

  28. .noCommodity{background-color:#fff;}
    29. 

  29. 

  30. 

  31.