index.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .sku-content {
  2. background: transparent !important;
  3. }
  4. .options-card {
  5. width: 750rpx;
  6. box-sizing: border-box;
  7. border-radius: 30rpx 30rpx 0 0;
  8. background: #fff;
  9. overflow: hidden;
  10. padding-top: 52rpx;
  11. }
  12. .options-card .title {
  13. font-size: 32rpx;
  14. font-family: PingFangSC-Medium;
  15. font-weight: 500;
  16. color: #444;
  17. line-height: 32rpx;
  18. text-align: center;
  19. margin-bottom: 40rpx;
  20. }
  21. .options-card .item {
  22. height: 90rpx;
  23. padding: 0 30rpx;
  24. border-bottom: 0.1rpx solid #efefef;
  25. display: flex;
  26. justify-content: space-between;
  27. align-items: center;
  28. }
  29. .options-card .item:last-of-type {
  30. margin-bottom: 40rpx;
  31. border-bottom: none;
  32. }
  33. .options-card .checkbox {
  34. width: 50rpx;
  35. height: 50rpx;
  36. display: flex;
  37. justify-content: center;
  38. align-items: center;
  39. }
  40. .options-card .checkbox .radio-checked {
  41. width: 48rpx;
  42. height: 48rpx;
  43. }
  44. .options-card .checkbox .radio-disabled {
  45. width: 48rpx;
  46. height: 48rpx;
  47. margin-top: 2rpx;
  48. }
  49. .options-card .btns {
  50. height: 96rpx;
  51. border-top: 0.1rpx solid #efefef;
  52. display: flex;
  53. align-items: center;
  54. justify-content: center;
  55. }
  56. .options-card .btns .btns-view {
  57. font-size: 30rpx;
  58. font-family: PingFangSC-Medium;
  59. font-weight: 500;
  60. line-height: 96rpx;
  61. text-align: center;
  62. }
  63. .options-card .btns .cancel {
  64. flex: 1;
  65. color: #666;
  66. }
  67. .options-card .btns .confirm {
  68. flex: 1;
  69. color: #fff;
  70. background: linear-gradient(90deg, #ff5041 0%, #ff695c 100%);
  71. }