Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
xionghaojie
/
pika_shangjia
1
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: b2fce6b4e0
Gałęzie Tagi
pika_shangjia
/
components
/
product-popup
/
index.css

index.css 2.7 KB
Historia Czysty

12345678910111213141516171819202122232425262728 
  1. /* 商品规格 */
    2. 

  2. .popup{position: fixed;z-index: 100;left: 0;right: 0;bottom: 0;background: #fff;border-radius: 20rpx 20rpx 0 0;padding: 35rpx 30rpx 50rpx;max-height: 80%;padding-bottom: 165rpx;overflow: hidden;overflow-y: scroll;-webkit-scrolling-overflow: touch;box-sizing: border-box;}
    3. 

  3. .close{position: absolute;top: 30rpx;right: 30rpx;}
    4. 

  4. .close .image{width: 42rpx;height: 42rpx;}
    5. 

  5. .popinfo{align-items: flex-start;padding-right: 105rpx;}
    6. 

  6. .popinfo .image{width: 180rpx;height: 180rpx;border-radius: 10rpx;margin-right: 20rpx;}
    7. 

  7. .popinfo .title{margin-top: 0;margin-bottom: 40rpx;}
    8. 

  8. .pop-cons{max-height: 580rpx;overflow: hidden;overflow-y: scroll;-webkit-scrolling-overflow: touch;padding: 25rpx 0 20rpx;}
    9. 

  9. .sku-con{max-height: 550rpx;overflow-y: scroll;-webkit-overflow-scrolling: touch;margin-bottom: 30rpx;}
    10. 

  10. .tits{font-size: 28rpx;color: #333;font-weight: bold;}
    11. 

  11. .tits text{font-size: 24rpx;color: #999;margin-left: 15rpx;font-weight: normal;}
    12. 

  12. .pguige{flex-wrap: wrap;margin: 25rpx 0 45rpx;}
    13. 

  13. .pguige .li{background: #F3F3F3;border: 2rpx solid #F3F3F3;border-radius: 25rpx;height: 46rpx;line-height: 46rpx;font-size: 24rpx;color: #666;padding: 0 20rpx;margin: 0 20rpx 20rpx 0;}
    14. 

  14. .pguige .li.active{border-color: #FD3B31;color: #FD3B31;background:rgba(253,60,49,0.1);}
    15. 

  15. .shuliang{justify-content: space-between;align-items: center;}
    16. 

  16. .num{height: 44rpx;box-sizing: border-box;display: flex;display: -webkit-flex;align-items: center;text-align: center;}
    17. 

  17. .jian{display: block;width: 56rpx;height: 44rpx;font-size: 42rpx;color: #333;line-height: 38rpx;}
    18. 

  18. .nums{display: block;line-height: 44rpx;font-size: 28rpx;color: #333;width: 66rpx;background: #F0F0F0;border-radius: 6rpx;}
    19. 

  19. .confirm{height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;margin-top: 115rpx;}
    20. 

  20. .title{font-size: 30rpx;color: #222;line-height: 40rpx;font-weight: bold;margin-top: 25rpx;}
    21. 

  21. .price{font-size: 28rpx;color: #FE0419;align-items: flex-end;}
    22. 

  22. .price text{font-size: 40rpx;color: #FE0419;font-weight: bold;}
    23. 

  23. .price text.origin{font-weight: normal;font-size: 24rpx;color: #999;text-decoration: line-through;margin-left: 10rpx;}
    24. 

  24. .pro-p-btn{justify-content: space-between;align-items: center;position: fixed;left: 0;right: 0;bottom: 0;background: #fff;padding: 35rpx 30rpx 50rpx;z-index: 100;}
    25. 

  25. .pro-add{width: 330rpx;height: 80rpx;border: 2rpx solid #FD3C31;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #FD3A31;}
    26. 

  26. .pro-addgray{width: 330rpx;height: 80rpx;border: 2rpx solid #999999;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #999;}
    27. 

  27. 

  28. .pro-buy{width: 330rpx;height: 80rpx;line-height: 80rpx;border-radius: 40rpx;font-size: 30rpx;color: #fff;text-align: center;}
    29.