common.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. // 全局公共样式
  2. .content{
  3. background: $ac-bgc;
  4. padding:$uni-spacing-row-base;
  5. overflow: hidden;
  6. }
  7. // 常用公共样式
  8. // 布局相关 start
  9. .flex{
  10. display: flex;
  11. }
  12. .inline-block{
  13. display: inline-block;
  14. }
  15. .s-row{
  16. display: flex;
  17. flex-direction: column;
  18. }
  19. .flex-center{
  20. justify-content: center;
  21. align-items: center;
  22. }
  23. .flex-space-between{
  24. justify-content: space-between;
  25. align-items: center;
  26. }
  27. .flex-space-around{
  28. justify-content: space-around;
  29. align-items: center;
  30. }
  31. .flex-space-evenly{
  32. justify-content: space-evenly;
  33. align-items: center;
  34. }
  35. .flex-end{
  36. justify-content: flex-end;
  37. }
  38. .items-center{
  39. align-items: center;
  40. }
  41. .flex-start{
  42. justify-content: flex-start;
  43. }
  44. .m-topr20{
  45. margin-top: 20rpx;
  46. }
  47. .paddingr20{
  48. padding:20rpx;
  49. }
  50. .lr-paddingr20{
  51. padding: 0 20rpx;
  52. }
  53. .fixed{
  54. position: fixed;
  55. }
  56. .row-between{
  57. display: flex;
  58. justify-content: space-between;
  59. }
  60. .content-other{
  61. background: white;
  62. padding:10rpx 20rpx;
  63. border-radius: 10rpx;
  64. }
  65. .width100{
  66. width: 100%;
  67. }
  68. // 布局相关 end
  69. // 边线相关start
  70. .border-bottom{
  71. border-bottom: 1px solid $uni-border-color;
  72. padding-bottom: 10rpx;
  73. }
  74. // 边线相关end
  75. .red{
  76. background: red;
  77. }
  78. .yellow{
  79. background:yellow;
  80. }
  81. // 文字相关start
  82. .level1-title{
  83. }
  84. // 文字相关end
  85. // 边线相关start
  86. // 边线相关start