Home Explore Help
Sign In
yangmc
/
challengeFamily
Watch 2
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 2d2b87d5b9
Branches Tags
challengeFam...
/
pages
/
product
/
buy
/
index.wxss

index.wxss 7.5 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 
  1. .enlist{width:100%;background-color:#F5F5F4;box-sizing:border-box;}
    2. 

  2. .padLeft10{padding-left: 20rpx;}
    3. 

  3. .buy-gray{color: #9c9d9d!important}
    4. 

  4. .column{width:100%;background-color:#fff;}
    5. 

  5. .enlist .top{height:180rpx;margin-bottom:20rpx;display:flex;}
    6. 

  6. .top-left{width:180rpx;height:180rpx;border-top-left-radius:14rpx;border-bottom-left-radius:14rpx;}
    7. 

  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. 

  8. .top .title{width:100%;font-size:32rpx;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    9. 

  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. 

  10. .details{width:100%;padding:0 20rpx;box-sizing:border-box;}
    11. 

  11. .col{border-bottom:1px solid #E2E1E1;}
    12. 

  12. .mealBox{width: 50%; flex-shrink: 1;display:flex;justify-content:space-between;}
    13. 

  13. .meal-title{font-size:28rpx;color:#474B4F;}
    14. 

  14. .meal-oldprice{font-size:24rpx;color:#C9CACA;margin-left:14rpx;text-decoration:line-through;}
    15. 

  15. .meal-price{font-size:28rpx;margin-left:10rpx;color:var(--subtitleColor);}
    16. 

  16. .meal .chooseNum{display:flex; flex-shrink: 0;align-items:center;}
    17. 

  17. .chooseNum .btn{width:44rpx;height:44rpx;text-align:center;border-radius:50%;line-height:38rpx;/*margin:0 18rpx;*/font-size:44rpx;}
    18. 

  18. .chooseNum .nocan{background-color:#C9CACA;color:#fff;}
    19. 

  19. .chooseNum .can{border:1px solid var(--subtitleColor);background-color:#fff;color:var(--subtitleColor);}
    20. 

  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. 

  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. 

  22. .col-line .line-title{color:#474B4F;font-size:28rpx; flex-shrink: 0;margin-right: 20rpx;}
    23. 

  23. .remark-title{color:#474B4F;font-size:28rpx;line-height: 32rpx;}
    24. 

  24. .Coupon{font-size:28rpx;color:#888B92;text-align:right;position:absolute;right:46rpx;top:16rpx;z-index:1;}
    25. 

  25. .line-details{font-size:28rpx; flex-shrink: 1; width: 100%; text-align: right; margin-left: 40rpx;}
    26. 

  26. .address{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    27. 

  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. 

  28. .posit{position:absolute;right:20rpx;top:30rpx;z-index:1;}
    29. 

  29. .padding{margin-right:50rpx;box-sizing:border-box;}
    30. 

  30. .bottom{width:100%;height:90rpx;position:fixed;left:0;bottom:0;z-index:999;display:flex;align-items:center;}
    31. 

  31. .bottom .btn{width:100%;text-align:center;line-height:90rpx;font-size:30rpx;}
    32. 

  32. .bottom .leftBtn{background-color:#585453;color:#DCDDDD;}
    33. 

  33. .bottom .leftBtn text{color:var(--subtitleColor);}
    34. 

  34. .bottom .rightBtn{background-color:var(--subtitleColor);color:#000;border-radius:0;}
    35. 

  35. .bottomBG{width:100%;margin: 20rpx 0 80rpx;background-color:#fff;}
    36. 

  36. .textarea{width:100%;height:50rpx;font-size:29rpx;}
    37. 

  37. .placeholder{font-size:28rpx;color:#C9CACA;}
    38. 

  38. .balance{color:var(--subtitleColor);}
    39. 

  39. .contract{font-size:28rpx;padding:20rpx;display:flex;align-items:center;}
    40. 

  40. .contract .icon{display:inline-block;margin-right:10rpx;}
    41. 

  41. .contract text{font-size:24rpx}
    42. 

  42. .contract .conDetails{color:var(--subtitleColor);}
    43. 

  43. text.disagree{width:38rpx;height:38rpx;border:1px solid var(--subtitleColor);border-radius:50%;margin-right:10rpx;}
    44. 

  44. text.agree{position:relative;}
    45. 

  45. text.agree::after{content:'';width:22rpx;height:22rpx;border-radius:50%;background-color:var(--subtitleColor);position:absolute;left:8rpx;top:8rpx;}
    46. 

  46. .icon-wx{font-size:80rpx;display:flex;align-items:center;}
    47. 

  47. .icon-wx text{font-size:30rpx;margin-left:30rpx;}
    48. 

  48. .col-pay{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20rpx;box-sizing:border-box;}
    49. 

  49. .email{text-align:right;}
    50. 

  50. .progress{width:100%;position:fixed;left:0;top:0;z-index:999;}
    51. 

  51. 

  52. 

  53. 

  54. .pLeft10{padding-left: 20rpx}
    55. 

  55. .sku-stepper-stock {padding: 24rpx 20rpx;background-color: #F5F5F4}
    56. 

  56. .sku-stepper-container {height: 48rpx;}
    57. 

  57. .sku-stepper-container text{display: inline-block;line-height: 48rpx}
    58. 

  58. .sku__stepper-title {float: left;line-height: 60rpx;}
    59. 

  59. .sku__stepper {float: right;}
    60. 

  60. .stepper {font-size: 0;-webkit-user-select: none;user-select: none;display: flex;}
    61. 

  61. .sku__stock {margin-right: 20rpx;color: #969799;
    62. 

  62. }
    63. 

  63. .stepper__minus,.stepper__plus{width: 44rpx;height: 44rpx;border: 1px solid var(--subtitleColor);border-radius: 50%;position: relative;}
    64. 

  64. .stepper__plus{background: var(--subtitleColor);}
    65. 

  65. .stepper__minus::before,.stepper__plus::before{content: '';width: 30rpx;height: 2rpx;background: var(--subtitleColor);position: absolute;top:21rpx;left: 7rpx;}
    66. 

  66. .stepper__plus::after{content: '';width: 2rpx;height: 30rpx;position: absolute;top:7rpx;left: 21rpx;}
    67. 

  67. .stepper__plus::before,.stepper__plus::after{background: white;}
    68. 

  68. .stepper__minus__diabled,.stepper__plus__diabled{background:#F5F5F4;border:1px solid gray;}
    69. 

  69. .stepper__minus__diabled::before,
    70. 

  70. .stepper__plus__diabled::before,
    71. 

  71. .stepper__plus__diabled::after{background: gray;}
    72. 

  72. .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;}
    73. 

  73. .enlist-choose-child,.enlist-choose-child-button{padding:20rpx;}
    74. 

  74. .enlist-choose-child-button button{height: 60rpx;line-height: 60rpx;color: #000;background-color: var(--subtitleColor);border-radius: 30rpx;font-size: 24rpx;}
    75. 

  75. .enlist-choose-child .van-cell{padding: 10px 0;display: flex;align-items: center;}
    76. 

  76. .card-list{padding: 20rpx 0;position: relative;}
    77. 

  77. .card-item{font-size: 28rpx;line-height: 48rpx;}
    78. 

  78. .card-item text{display: inline-block;}
    79. 

  79. .card-item-one{width: 120rpx;}
    80. 

  80. .card-item-two{width: 310rpx;}
    81. 

  81. .card-item-three{width: 250rpx;}
    82. 

  82. .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;}
    83. 

  83. .black{color: #000;vertical-align: middle;margin-top: -10rpx;}
    84. 

  84. .mask{width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:fixed;left:0;top:0;z-index:9999;}
    85. 

  85. .maskBox{width:80%;background-color:#fff;border-radius:20rpx;position:absolute;left:10%;top:30%;z-index:9;overflow: hidden;}
    86. 

  86. .button.button-white{background-color:#fff; color:var(--subtitleColor);font-size: 36rpx;}
    87. 

  87. /* .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;} */
    88. 

  88. .maskContent{width:100%;padding:20rpx;box-sizing:border-box;}
    89. 

  89. .maskTitle{color:var(--subtitleColor);font-size:32rpx;line-height:40rpx;margin-top:10rpx;text-align: center;}
    90. 

  90. .maskTit{font-size:32rpx;line-height:40rpx;text-align: center;padding: 20rpx;}
    91. 

  91. .buttons-row .button {height: 70rpx;line-height: 70rpx;border-radius: 4rpx;}
    92. 

  92. .button-weixin{background: #07c160;}
    93. 

  93. .icon-weixin{font-size: 48rpx;vertical-align: top;position: relative;top: 8rpx;margin-right: 6rpx;}
    94. 

  94. .mLeft10{margin-left: 20rpx;}
    95. 

  95. .ship-address{height: auto; display: flex;
    96. 

  96.   align-items: center;
    97. 

  97.   justify-content: space-between;
    98. 

  98.   box-sizing: border-box;}
    99. 

  99. .text-name {font-size: 28rpx;font-weight: 500;}
    100. 

  100. .text-info {font-size: 24rpx;padding: 10rpx 0;}
    101. 

  101. .address-placeholder{color:#808080;font-size: 28rpx;}
    102. 

  102. .content .column .member{
    103. 

  103.   border-bottom: 1px solid #E2E1E1;
    104. 

  104. }
    105. 

  105. .content .column .member:last-child{
    106. 

  106.   border-bottom: none
    107. 

  107. }
    108. 

  108.