pack.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /* component/pack.wxss */
  2. @import '../../common.wxss';
  3. .item-each {
  4. background: #FFFFFF;
  5. border-radius: 20rpx 20rpx 20rpx 20rpx;
  6. display: flex;
  7. align-items: center;
  8. position: relative;
  9. }
  10. .sheng-tag {
  11. display: inline-block;
  12. /* width: 101rpx;
  13. height: 34rpx; */
  14. padding: 3rpx 11rpx;
  15. background: linear-gradient(180deg, #FFE8B2 0%, #F8EBD3 100%);
  16. border-radius: 20rpx 0rpx 20rpx 0rpx;
  17. font-weight: 500;
  18. font-size: 18rpx;
  19. color: #814F1E;
  20. position: absolute;
  21. top: 0;
  22. left: 0;
  23. }
  24. .item-each-img-box {
  25. width: 157rpx;
  26. height: 157rpx;
  27. background: #DCCDEB;
  28. border-radius: 10rpx 10rpx 10rpx 10rpx;
  29. }
  30. .setMeal-l-text {
  31. font-weight: 800;
  32. font-size: 30rpx;
  33. color: #20452B;
  34. }
  35. .setMeal-r-text {
  36. font-weight: 500;
  37. font-size: 22rpx;
  38. color: #62CB81;
  39. }
  40. .setMeal-label {
  41. background: linear-gradient(90deg, #92E5AB 0%, #62CB81 100%);
  42. border-radius: 16rpx 16rpx 16rpx 2rpx;
  43. font-weight: 500;
  44. font-size: 22rpx;
  45. color: #FFFFFF;
  46. padding: 2rpx 10rpx;
  47. }
  48. .setMeal-item-name {
  49. font-weight: 800;
  50. font-size: 30rpx;
  51. color: #1C274C;
  52. }
  53. .setMeal-item-gg {
  54. font-weight: 500;
  55. font-size: 22rpx;
  56. color: #A4A9B7;
  57. margin-top: 8rpx;
  58. }
  59. .price_box_left {
  60. display: flex;
  61. align-items: center;
  62. color: var(--mainmoneycolor);
  63. }