buycar.wxss 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .head{z-index: 99; position: fixed;left: 0; top: 0; width: 100%; height: 70rpx; padding: 0 28rpx; background-color: #ff3d3d; color: #fff; justify-content: space-between; align-items: center; box-sizing: border-box;}
  2. .car-list{position: relative; margin-top: 80rpx; background-color: #fff;}
  3. .car-list .list-item{position: relative; padding: 20rpx 0; border-bottom: 1px solid #eee; }
  4. .select-btn{width: 83rpx; text-align: center; align-items: center; justify-content: center;}
  5. .select-btn checkbox .wx-checkbox-input{border-radius: 50%}
  6. .select-btn checkbox .wx-checkbox-input.wx-checkbox-input-checked{color: #fff!important; border:1px solid #ff3d3d;background-color: #ff3d3d; border-radius: 50%;}
  7. .picture{width: 200rpx; height: 200rpx;}
  8. .picture image{width: 100%; height: 100%;}
  9. .pro-info{width: 425rpx; margin: 0 20rpx; flex-direction: column; justify-content: space-around;}
  10. .pro-info .pro-title{display: -webkit-box; display:-moz-box; display:box;-webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2;-moz-line-clamp: 2;overflow: hidden; color: #262626;}
  11. .pro-info .pro-des{font-size: 24rpx; color: #ababab; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  12. .pro-info .pro-price{font-size: 38rpx; color: #ff3d3d;}
  13. .pro-info .pro-price text{font-size: 25rpx;}
  14. .count-wrapper{position: absolute; right:20rpx; bottom:20rpx;width: 160rpx; height: 47rpx; box-sizing: border-box; border: 1px solid #ddd; border-radius: 3px; align-items: center;}
  15. .count-wrapper text{flex: 1;text-align: center; height: 100%; font-size: 36rpx; color:#454545; line-height: 37rpx;}
  16. .count-wrapper .num{flex: initial;width: 66rpx; color: #333; font-size: 28rpx;border-left: 1px solid #ddd;border-right: 1px solid #ddd; line-height: 47rpx;text-align: center}
  17. .disabled{color:#ccc !important;}
  18. .fail-list .title-bar{width: 100%; height: 118rpx; align-items: center; color: #aaa;justify-content: center;}
  19. .fail-list .title-bar .line{width: 70rpx; height: 1px; background-color: #ddd; }
  20. .fail-list .title-bar .txt{margin: 0 35rpx;}
  21. .fail-item{position: relative; padding: 20rpx; background-color: #fff; justify-content: space-between; border-bottom: 1px solid #eee;}
  22. .fail-item .pro-img,.fail-item .pro-img image{width: 185rpx; height: 185rpx;}
  23. .fail-item .pro-infos{width: 495rpx; flex-direction: column; justify-content: space-around;}
  24. .fail-item .pro-infos .title{color: #777;display: -webkit-box; display:-moz-box; display:box;-webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2;-moz-line-clamp: 2;overflow: hidden;}
  25. .fail-item .pro-infos .price{font-size: 38rpx; color: #999;}
  26. .fail-item .pro-infos .price text{font-size: 25rpx;}
  27. .fail-item .del-btn{position: absolute; right: 20rpx; bottom: 30rpx; width: 130rpx; height: 50rpx; box-sizing: border-box; text-align: center; line-height: 50rpx; border:1px solid #ff3d3d; font-size: 24rpx; color: #ff3d3d; border-radius: 3px;}
  28. .foot{position: fixed;left: 0; bottom: 0; width: 100%; height: 99rpx; background-color: #fff; border-top: 1px solid #eee; }
  29. .foot .all-select{width: 87rpx; text-align: center; align-items: center; justify-content: center;}
  30. .foot .all-select checkbox .wx-checkbox-input{border-radius: 50%}
  31. .foot .all-select checkbox .wx-checkbox-input.wx-checkbox-input-checked{color: #fff!important; border:1px solid #ff3d3d;background-color: #ff3d3d; border-radius: 50%;}
  32. .foot .count-num{margin-left: 75rpx;color:#FF3D3D;}
  33. .foot .count-num>text{color:#000000;}
  34. .foot .pay-btn{width: 275rpx; height: 99rpx; background-color: #ff3d3d; text-align: center; line-height: 99rpx; color: #fff;}
  35. .foot .left-wrapper{flex: 1; align-items: center;}
  36. .delete-wrapper{align-items: center; height: 100%;}
  37. .delete-wrapper .right-wrapper{width: 370rpx;padding-right: 20rpx; justify-content: space-between;}
  38. .delete-wrapper .right-wrapper .collection-btn{width: 175rpx; height: 65rpx; text-align: center; line-height: 65rpx;color: #ff3d3d; border:1px solid #ff3d3d; border-radius: 3px;}
  39. .delete-wrapper .right-wrapper .delete-btn{width: 175rpx; height: 65rpx; text-align: center; line-height: 65rpx;color: #999; border:1px solid #999; border-radius: 3px;}