Home Explore Help
Register Sign In
Kirin
/
dlzx
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: fa96dd692a
Branches Tags
dlzx
/
view
/
components
/
product-window
/
index.wxss

index.wxss 2.5 KB
History Raw

123456789101112131415161718192021222324252627282930 
  1. @import '/app.wxss';
    2. 

  2. .product-window{position:fixed;bottom:0;width:100%;left:0;background-color:#fff;z-index:88;border-radius:16rpx 16rpx 0 0;padding-bottom:140rpx;transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9);}
    3. 

  3. .product-window.on{transform:translate3d(0,0,0);}
    4. 

  4. .product-window.join{padding-bottom: 30rpx;}
    5. 

  5. .product-window .textpic{padding:0 130rpx 0 30rpx;margin-top:29rpx;position:relative;}
    6. 

  6. .product-window .textpic .pictrue{width:150rpx;height:150rpx;}
    7. 

  7. .product-window .textpic .pictrue image{width:100%;height:100%;border-radius:10rpx;}
    8. 

  8. .product-window .textpic .text{width:410rpx;font-size:32rpx;color:#202020;}
    9. 

  9. .product-window .textpic .text .money{font-size:24rpx;margin-top:40rpx;}
    10. 

  10. .product-window .textpic .text .money .num{font-size:36rpx;}
    11. 

  11. .product-window .textpic .text .money .stock{color:#999;margin-left:18rpx;}
    12. 

  12. .product-window .textpic .iconfont{position:absolute;right:30rpx;top:-5rpx;font-size:35rpx;color:#8a8a8a;}
    13. 

  13. .product-window .productWinList{max-height:395rpx;overflow:auto;margin-top:36rpx;}
    14. 

  14. .product-window .productWinList .item~.item{margin-top:36rpx;}
    15. 

  15. .product-window .productWinList .item .title{font-size:30rpx;color:#999;padding:0 30rpx;}
    16. 

  16. .product-window .productWinList .item .listn{padding:0 30rpx 0 16rpx;}
    17. 

  17. .product-window .productWinList .item .listn .itemn{border:1px solid #bbb;font-size:26rpx;color:#282828;padding:7rpx 33rpx;border-radius:6rpx;margin:14rpx 0 0 14rpx;}
    18. 

  18. .product-window .productWinList .item .listn .itemn.on{color:#fff;background-color:#ff3700;border-color:#ff3700;}
    19. 

  19. .product-window .cart{margin-top:36rpx;padding:0 30rpx;}
    20. 

  20. .product-window .cart .title{font-size:30rpx;color:#999;}
    21. 

  21. .product-window .cart .carnum{height:54rpx;margin-top:24rpx;}
    22. 

  22. .product-window .cart .carnum view{border:1px solid #a4a4a4;width:84rpx;text-align:center;height:100%;line-height:54rpx;color:#a4a4a4;font-size:45rpx;}
    23. 

  23. .product-window .cart .carnum .reduce{border-right:0;border-radius:6rpx 0 0 6rpx;line-height:48rpx;}
    24. 

  24. .product-window .cart .carnum .reduce.on{border-color:#e3e3e3;color:#dedede;}
    25. 

  25. .product-window .cart .carnum .plus{border-left:0;border-radius:0 6rpx 6rpx 0;line-height:46rpx;}
    26. 

  26. .product-window .cart .carnum .plus.on{border-color:#e3e3e3;color:#dedede;}
    27. 

  27. .product-window .cart .carnum .num{color:#282828;font-size:28rpx;}
    28. 

  28. .product-window .joinBnt{font-size: 30rpx;width: 620rpx;height: 86rpx;border-radius: 50rpx;text-align: center;line-height: 86rpx;color: #fff;margin: 21rpx auto 0 auto;}
    29. 

  29. .product-window .joinBnt.on{background-color:#bbb;color:#fff;}
    30. 

  30.