orderCanavs.wxss 1.6 KB

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