orderCanavs.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /* pages/orderCanvas/orderCanavs.wxss */
  2. page{
  3. background:#fff;
  4. }
  5. .canvas-box image{
  6. width:100%;
  7. }
  8. .share-box{
  9. background:none;
  10. color:#fff;
  11. line-height:100rpx;
  12. }
  13. /* 商品信息 */
  14. .goods_infor{
  15. padding:0 32rpx 0 0;
  16. background-color: #fff;
  17. border-bottom:1px solid #dedede;
  18. }
  19. .each_goods{
  20. min-height: 212rpx;
  21. margin-bottom:3rpx;
  22. }
  23. .goods_img{
  24. float: left;
  25. display: block;
  26. width: 214rpx;
  27. height: 214rpx;
  28. }
  29. .goods_cont{
  30. float: left;
  31. width: 450rpx;
  32. margin:36rpx 0 0 20rpx;
  33. }
  34. .goods_name{
  35. height: 94rpx;
  36. font-size: 24rpx;
  37. line-height: 50rpx;
  38. color: #262626;
  39. text-overflow: ellipsis;
  40. overflow: hidden;
  41. display: -webkit-box;
  42. -webkit-line-clamp: 2;
  43. -webkit-box-orient: vertical;
  44. }
  45. .goods_style,.goods_num{
  46. float: left;
  47. font-size: 24rpx;
  48. line-height: 30rpx;
  49. color: #616161;
  50. /* text-overflow: ellipsis;
  51. overflow: hidden;
  52. white-space: nowrap; */
  53. }
  54. .goods_price{
  55. font-size: 24rpx;
  56. line-height: 30rpx;
  57. color: #e60012;
  58. text-align: left;
  59. padding: 0 0 14rpx 0;
  60. }
  61. .goods_price text{
  62. font-size: 50rpx;
  63. }
  64. .goods_style{
  65. width: 340rpx;
  66. padding-right:10rpx;
  67. }
  68. .goods_num{
  69. width: 100rpx;
  70. text-align: right;
  71. }
  72. .infor_content{
  73. background-color: #fff;
  74. padding:0 30rpx;
  75. }
  76. .each_infor{
  77. height: 106rpx;
  78. font-size: 28rpx;
  79. line-height: 106rpx;
  80. color: #636363;
  81. }
  82. .checkbox{
  83. width: 300rpx;
  84. }
  85. checkbox .wx-checkbox-input {
  86. border:1px solid #e60012;
  87. background-color:#fff;
  88. }
  89. checkbox.checkact .wx-checkbox-input{
  90. background-color:#e60012;
  91. }
  92. .infor_title{
  93. float: left;
  94. }
  95. .infor_num{
  96. float: right;
  97. }
  98. .infor_num_coupon{
  99. color:#f2442d;
  100. }
  101. .borderBottom{
  102. border-bottom: 1px solid #f0f0f0;
  103. }
  104. .order-img{
  105. width:100%;
  106. }