app-goods-commodity.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .item-cmd_bx.data-v-28954fa2 {
  21. position: relative;
  22. margin-bottom: 20rpx;
  23. }
  24. .item-cmd_bx .img_bx.data-v-28954fa2 {
  25. height: 160rpx;
  26. width: 160rpx;
  27. position: absolute;
  28. left: 0rpx;
  29. top: 0rpx;
  30. }
  31. .item-cmd_bx .cmd-info_bx.data-v-28954fa2 {
  32. position: relative;
  33. padding-left: 177rpx;
  34. height: 170rpx;
  35. }
  36. .item-cmd_bx .cmd-info_bx .tit.data-v-28954fa2 {
  37. font-size: 28rpx;
  38. font-weight: 400;
  39. color: #333333;
  40. padding-top: 10rpx;
  41. }
  42. .item-cmd_bx .cmd-info_bx .kc.data-v-28954fa2 {
  43. color: #999999;
  44. font-size: 24rpx;
  45. padding: 8rpx 0 24rpx;
  46. }
  47. .item-cmd_bx .cmd-info_bx .num-open_bx.data-v-28954fa2 {
  48. position: absolute;
  49. width: calc(100% - 177rpx);
  50. bottom: 0;
  51. display: -webkit-box;
  52. display: -webkit-flex;
  53. display: flex;
  54. -webkit-box-align: center;
  55. -webkit-align-items: center;
  56. align-items: center;
  57. }
  58. .item-cmd_bx .cmd-info_bx .num-open_bx .price.data-v-28954fa2 {
  59. font-size: 28rpx;
  60. color: #ff2842;
  61. -webkit-box-flex: 1;
  62. -webkit-flex: 1;
  63. flex: 1;
  64. }
  65. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx.data-v-28954fa2 {
  66. display: -webkit-box;
  67. display: -webkit-flex;
  68. display: flex;
  69. -webkit-box-align: center;
  70. -webkit-align-items: center;
  71. align-items: center;
  72. }
  73. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .iconfont.data-v-28954fa2 {
  74. color: #3385ff;
  75. font-size: 42rpx;
  76. }
  77. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .position.data-v-28954fa2 {
  78. display: block;
  79. width: 70rpx;
  80. text-align: center;
  81. }
  82. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .iconcachu.data-v-28954fa2 {
  83. margin: 0 6rpx 0 20rpx;
  84. color: #ccc;
  85. }
  86. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .iconcachu.edit.data-v-28954fa2 {
  87. color: #3385ff;
  88. }
  89. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx > .num.data-v-28954fa2 {
  90. display: inline-block;
  91. width: 80rpx;
  92. height: 45rpx;
  93. text-align: center;
  94. color: #868686;
  95. font-size: 25rpx;
  96. }
  97. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .change-input.data-v-28954fa2 {
  98. width: 164rpx;
  99. height: 60rpx;
  100. line-height: 60rpx;
  101. text-align: center;
  102. background: #ffffff;
  103. border: 1rpx solid #dddddd;
  104. border-radius: 4rpx;
  105. font-size: 25rpx;
  106. }
  107. .item-cmd_bx .cmd-info_bx .num-open_bx .open-bx .btn-box.data-v-28954fa2 {
  108. width: 100rpx;
  109. height: 60rpx;
  110. line-height: 60rpx;
  111. color: #ffffff;
  112. background: #3385ff;
  113. text-align: center;
  114. border-radius: 10rpx;
  115. }