index.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. // 颜色
  2. $color-blue:#3387FF;
  3. $color-white:#FFFFFF;
  4. // 字体大小
  5. $font_size_34:34rpx;
  6. $font_size_36:36rpx;
  7. page{
  8. background-color: #fff;
  9. }
  10. .but_button690{
  11. margin: 10rpx;
  12. width: 690rpx;
  13. height: 88rpx;
  14. font-size: $font_size_34;
  15. font-weight: normal;
  16. }
  17. .but_button630{
  18. margin: 10rpx;
  19. width: 630rpx;
  20. height: 88rpx;
  21. font-size: $font_size_34;
  22. font-weight: normal;
  23. }
  24. .center_in_sequence{
  25. display: flex;
  26. flex-direction: column;
  27. align-items: center;
  28. }
  29. .center_in{
  30. width: 100%;
  31. display: flex;
  32. justify-content: center;
  33. align-items: center;
  34. }
  35. .space_between{
  36. width: 100%;
  37. display: flex;
  38. justify-content: space-between;
  39. align-items: center;
  40. }
  41. .up_and_down{
  42. display: flex;
  43. flex-direction: column;
  44. justify-content: space-between;
  45. align-items: center;
  46. }
  47. .font36{
  48. font-size: $font_size_36;
  49. font-weight: bold;
  50. text-align: left;
  51. color: #333;
  52. }
  53. // 伪元素1rpx边框
  54. .frame {
  55. position: relative; //重要
  56. }
  57. .frame::after {
  58. position: absolute;
  59. content: '';
  60. border-bottom: 4rpx solid #e4e7ed;
  61. width: 200%;
  62. height: 200%;
  63. top: 0;
  64. left: 0;
  65. transform: scale(0.5);
  66. transform-origin: 0 0;
  67. pointer-events: none; /* 使伪元素不会阻止鼠标事件 */
  68. }
  69. .card_search_head{
  70. padding: 20rpx 30rpx;
  71. background-color: #f3f4f6;
  72. }