index.wxss 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. .enlist{width:100%;background-color:#F5F5F4;box-sizing:border-box;}
  2. .padLeft10{padding-left: 20rpx;}
  3. .buy-gray{color: #9c9d9d!important}
  4. .column{width:100%;background-color:#fff;}
  5. .enlist .top{height:180rpx;margin-bottom:20rpx;display:flex;}
  6. .top-left{width:180rpx;height:180rpx;border-top-left-radius:14rpx;border-bottom-left-radius:14rpx;}
  7. .top-right{width:calc(100% - 180rpx);height:100%;padding:20rpx;box-sizing:border-box;border-top-right-radius:14rpx;border-bottom-right-radius:14rpx;}
  8. .top .title{width:100%;font-size:32rpx;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  9. .top .tit{font-size:22rpx;color:#9C9C9C;margin-top:18rpx;letter-spacing:1rpx;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
  10. .details{width:100%;padding:0 20rpx;box-sizing:border-box;}
  11. .col{border-bottom:1px solid #E2E1E1;}
  12. .mealBox{width: 50%; flex-shrink: 1;display:flex;justify-content:space-between;}
  13. .meal-title{font-size:28rpx;color:#474B4F;}
  14. .meal-oldprice{font-size:24rpx;color:#C9CACA;margin-left:14rpx;text-decoration:line-through;}
  15. .meal-price{font-size:28rpx;margin-left:10rpx;color:var(--subtitleColor);}
  16. .meal .chooseNum{display:flex; flex-shrink: 0;align-items:center;}
  17. .chooseNum .btn{width:44rpx;height:44rpx;text-align:center;border-radius:50%;line-height:38rpx;/*margin:0 18rpx;*/font-size:44rpx;}
  18. .chooseNum .nocan{background-color:#C9CACA;color:#fff;}
  19. .chooseNum .can{border:1px solid var(--subtitleColor);background-color:#fff;color:var(--subtitleColor);}
  20. .chooseNum .numBox{width:80rpx;height:42rpx;line-height:42rpx;min-height:42rpx;text-align:center;color:#616467;font-size:26rpx;border:1px solid var(--subtitleColor);border-radius:6rpx;margin:0 18rpx;}
  21. .col-line{width:100%;min-height:90rpx;display:flex;align-items:center;justify-content:space-between;/*padding:0 20rpx;*/box-sizing:border-box;}
  22. .col-line .line-title{color:#474B4F;font-size:28rpx; flex-shrink: 0;margin-right: 20rpx;}
  23. .remark-title{color:#474B4F;font-size:28rpx;line-height: 32rpx;}
  24. .Coupon{font-size:28rpx;color:#888B92;text-align:right;position:absolute;right:46rpx;top:16rpx;z-index:1;}
  25. .line-details{font-size:28rpx; flex-shrink: 1; width: 100%; text-align: right; margin-left: 40rpx;}
  26. .address{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  27. .details-link::after{content:'';width:16rpx;height:16rpx;border-right:2rpx solid #D6D6DA;border-bottom:2rpx solid #D6D6DA;transform:rotate(-45deg); display: block; margin-left: 15rpx;}
  28. .posit{position:absolute;right:20rpx;top:30rpx;z-index:1;}
  29. .padding{margin-right:50rpx;box-sizing:border-box;}
  30. .bottom{width:100%;height:90rpx;position:fixed;left:0;bottom:0;z-index:999;display:flex;align-items:center;}
  31. .bottom .btn{width:100%;text-align:center;line-height:90rpx;font-size:30rpx;}
  32. .bottom .leftBtn{background-color:#585453;color:#DCDDDD;}
  33. .bottom .leftBtn text{color:var(--subtitleColor);}
  34. .bottom .rightBtn{background-color:var(--subtitleColor);color:#000;border-radius:0;}
  35. .bottomBG{width:100%;margin: 20rpx 0 80rpx;background-color:#fff;}
  36. .textarea{width:100%;height:50rpx;font-size:29rpx;}
  37. .placeholder{font-size:28rpx;color:#C9CACA;}
  38. .balance{color:var(--subtitleColor);}
  39. .contract{font-size:28rpx;padding:20rpx;display:flex;align-items:center;}
  40. .contract .icon{display:inline-block;margin-right:10rpx;}
  41. .contract text{font-size:24rpx}
  42. .contract .conDetails{color:var(--subtitleColor);}
  43. text.disagree{width:38rpx;height:38rpx;border:1px solid var(--subtitleColor);border-radius:50%;margin-right:10rpx;}
  44. text.agree{position:relative;}
  45. text.agree::after{content:'';width:22rpx;height:22rpx;border-radius:50%;background-color:var(--subtitleColor);position:absolute;left:8rpx;top:8rpx;}
  46. .icon-wx{font-size:80rpx;display:flex;align-items:center;}
  47. .icon-wx text{font-size:30rpx;margin-left:30rpx;}
  48. .col-pay{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20rpx;box-sizing:border-box;}
  49. .email{text-align:right;}
  50. .progress{width:100%;position:fixed;left:0;top:0;z-index:999;}
  51. .pLeft10{padding-left: 20rpx}
  52. .sku-stepper-stock {padding: 24rpx 20rpx;background-color: #F5F5F4}
  53. .sku-stepper-container {height: 48rpx;}
  54. .sku-stepper-container text{display: inline-block;line-height: 48rpx}
  55. .sku__stepper-title {float: left;line-height: 60rpx;}
  56. .sku__stepper {float: right;}
  57. .stepper {font-size: 0;-webkit-user-select: none;user-select: none;display: flex;}
  58. .sku__stock {margin-right: 20rpx;color: #969799;
  59. }
  60. .stepper__minus,.stepper__plus{width: 44rpx;height: 44rpx;border: 1px solid var(--subtitleColor);border-radius: 50%;position: relative;}
  61. .stepper__plus{background: var(--subtitleColor);}
  62. .stepper__minus::before,.stepper__plus::before{content: '';width: 30rpx;height: 2rpx;background: var(--subtitleColor);position: absolute;top:21rpx;left: 7rpx;}
  63. .stepper__plus::after{content: '';width: 2rpx;height: 30rpx;position: absolute;top:7rpx;left: 21rpx;}
  64. .stepper__plus::before,.stepper__plus::after{background: white;}
  65. .stepper__minus__diabled,.stepper__plus__diabled{background:#F5F5F4;border:1px solid gray;}
  66. .stepper__minus__diabled::before,
  67. .stepper__plus__diabled::before,
  68. .stepper__plus__diabled::after{background: gray;}
  69. .stepper__input{box-sizing: border-box;width: 64rpx;height: 48rpx;margin: 0 4rpx;padding: 0;color: #323233;font-size: 28rpx;line-height: 48rpx;text-align: center;vertical-align: middle;border: 0;border-width: 2rpx 0;border-radius: 0;-webkit-appearance: none;}
  70. .enlist-choose-child,.enlist-choose-child-button{padding:20rpx;}
  71. .enlist-choose-child-button button{height: 60rpx;line-height: 60rpx;color: #000;background-color: var(--subtitleColor);border-radius: 30rpx;font-size: 24rpx;}
  72. .enlist-choose-child .van-cell{padding: 10px 0;display: flex;align-items: center;}
  73. .card-list{padding: 20rpx 0;position: relative;}
  74. .card-item{font-size: 28rpx;line-height: 48rpx;}
  75. .card-item text{display: inline-block;}
  76. .card-item-one{width: 120rpx;}
  77. .card-item-two{width: 310rpx;}
  78. .card-item-three{width: 250rpx;}
  79. .card-list::after{content:" "; position: absolute; top:50%; right: 10rpx; transform:rotate(45deg) translateY(-70%);width: 22rpx;height: 22rpx;border-top: 2rpx solid #D6D6DA;border-right: 2rpx solid #D6D6DA;}
  80. .black{color: #000;vertical-align: middle;margin-top: -10rpx;}
  81. .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:9999;}
  82. .maskBox{width:80%;background-color:#fff;border-radius:20rpx;position:absolute;left:10%;top:30%;z-index:9;overflow: hidden;}
  83. .button.button-white{background-color:#fff; color:var(--subtitleColor);font-size: 36rpx;}
  84. /* .maskBtn{width:100%;height:90rpx;text-align:center;color:var(--subtitleColor);line-height:90rpx;font-size:32rpx;border: none;border-top:1px solid #c7c7cc;background: #fff;} */
  85. .maskContent{width:100%;padding:20rpx;box-sizing:border-box;}
  86. .maskTitle{color:var(--subtitleColor);font-size:32rpx;line-height:40rpx;margin-top:10rpx;text-align: center;}
  87. .maskTit{font-size:32rpx;line-height:40rpx;text-align: center;padding: 20rpx;}
  88. .buttons-row .button {height: 70rpx;line-height: 70rpx;border-radius: 4rpx;}
  89. .button-weixin{background: #07c160;}
  90. .icon-weixin{font-size: 48rpx;vertical-align: top;position: relative;top: 8rpx;margin-right: 6rpx;}
  91. .mLeft10{margin-left: 20rpx;}
  92. .ship-address{height: auto; display: flex;
  93. align-items: center;
  94. justify-content: space-between;
  95. box-sizing: border-box;}
  96. .text-name {font-size: 28rpx;font-weight: 500;}
  97. .text-info {font-size: 24rpx;padding: 10rpx 0;}
  98. .address-placeholder{color:#808080;font-size: 28rpx;}
  99. .content .column .member{
  100. border-bottom: 1px solid #E2E1E1;
  101. }
  102. .content .column .member:last-child{
  103. border-bottom: none
  104. }