ServiceGuarantee.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @charset "UTF-8";
  2. /**
  3. * 主题色配置
  4. * 默认在 uni.scss 全局引入:@import '@/theme.scss';
  5. * <script> 下使用主题变量:import x from '@/theme.scss';
  6. */
  7. .page {
  8. background-color: #f8f8f8;
  9. font-family: PingFangSC;
  10. }
  11. .safeAreaPad {
  12. padding-bottom: constant(safe-area-inset-bottom);
  13. padding-bottom: env(safe-area-inset-bottom);
  14. box-sizing: content-box;
  15. }
  16. .popup-content {
  17. background: #FFFFFF;
  18. padding: 30rpx;
  19. width: 600rpx;
  20. border-radius: 20rpx;
  21. padding-left: 46rpx;
  22. }
  23. .popup-content .popup-title {
  24. font-size: 34rpx;
  25. color: #333333;
  26. font-weight: 600;
  27. text-align: center;
  28. margin-bottom: 30rpx;
  29. }
  30. .popup-content .guarantee-list .guarantee-item {
  31. margin-bottom: 30rpx;
  32. }
  33. .popup-content .guarantee-list .guarantee-item .item-header {
  34. display: flex;
  35. align-items: center;
  36. margin-bottom: 10rpx;
  37. }
  38. .popup-content .guarantee-list .guarantee-item .item-header .item-icon {
  39. width: 28rpx;
  40. height: 28rpx;
  41. }
  42. .popup-content .guarantee-list .guarantee-item .item-header .item-title {
  43. font-size: 30rpx;
  44. color: #333333;
  45. font-weight: 600;
  46. margin-left: 10rpx;
  47. }
  48. .popup-content .guarantee-list .guarantee-item .item-desc {
  49. font-size: 26rpx;
  50. color: #333333;
  51. font-weight: 400;
  52. line-height: 1.5;
  53. }
  54. .popup-content .confirm-btn {
  55. width: 280rpx;
  56. height: 80rpx;
  57. line-height: 80rpx;
  58. background-color: #4CD964;
  59. color: #FFFFFF;
  60. font-size: 32rpx;
  61. border-radius: 10rpx;
  62. border: none;
  63. margin-top: 20rpx;
  64. margin-left: 50%;
  65. -webkit-transform: translateX(-50%);
  66. transform: translateX(-50%);
  67. }