x-commodity.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. .commodit_box {
  16. background-color: #FFF;
  17. border-radius: 10rpx;
  18. margin: 20rpx;
  19. padding: 20rpx;
  20. }
  21. .shop_title_box {
  22. font-size: 32rpx;
  23. font-weight: 600;
  24. }
  25. .medicine_box {
  26. display: flex;
  27. align-items: center;
  28. margin-top: 20rpx;
  29. }
  30. .box_Drug_information {
  31. flex: 1;
  32. height: 100%;
  33. display: flex;
  34. }
  35. .box_Product_picture {
  36. flex: none;
  37. width: 180rpx;
  38. height: 140rpx;
  39. background-color: #4CAF50;
  40. }
  41. .card_commodity {
  42. flex: 1;
  43. height: 100%;
  44. display: flex;
  45. margin-left: 20rpx;
  46. flex-direction: column;
  47. }
  48. .drug_title {
  49. font-size: 32rpx;
  50. font-weight: 600;
  51. }
  52. .drug_specification {
  53. font-size: 28rpx;
  54. margin: 10rpx 0rpx;
  55. color: #6B7280;
  56. }
  57. .money_symbol {
  58. display: flex;
  59. align-items: baseline;
  60. }
  61. .title_money {
  62. font-size: 28rpx;
  63. font-weight: 600;
  64. color: #f56c6c;
  65. }
  66. .money_num {
  67. font-size: 34rpx;
  68. font-weight: bold;
  69. color: #f56c6c;
  70. }