index.scss 801 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. body,html{
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .center_in_sequence{
  6. display: flex;
  7. flex-direction: column;
  8. align-items: center;
  9. }
  10. .center_in{
  11. width: 100%;
  12. display: flex;
  13. justify-content: center;
  14. align-items: center;
  15. }
  16. .space_between{
  17. width: 100%;
  18. display: flex;
  19. justify-content: space-between;
  20. align-items: center;
  21. }
  22. .same_row_in {
  23. display: flex;
  24. align-items: center;
  25. }
  26. .up_and_down{
  27. display: flex;
  28. flex-direction: column;
  29. justify-content: space-between;
  30. align-items: center;
  31. }
  32. // 伪元素1rpx边框
  33. .frame {
  34. position: relative; //重要
  35. }
  36. .frame::after {
  37. position: absolute;
  38. content: '';
  39. border-bottom: 4rpx solid #e4e7ed;
  40. width: 200%;
  41. height: 200%;
  42. top: 0;
  43. left: 0;
  44. transform: scale(0.5);
  45. transform-origin: 0 0;
  46. pointer-events: none; /* 使伪元素不会阻止鼠标事件 */
  47. }