common.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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. .flex-start{
  39. justify-content: flex-start;
  40. }
  41. .m-topr20{
  42. margin-top: 20rpx;
  43. }
  44. .paddingr20{
  45. padding:20rpx;
  46. }
  47. .lr-paddingr20{
  48. padding: 0 20rpx;
  49. }
  50. .fixed{
  51. position: fixed;
  52. }
  53. .row-between{
  54. display: flex;
  55. justify-content: space-between;
  56. }
  57. .content-other{
  58. background: white;
  59. padding:10rpx 20rpx;
  60. border-radius: 10rpx;
  61. }
  62. .width100{
  63. width: 100%;
  64. }
  65. // 布局相关 end
  66. // 边线相关start
  67. .border-bottom{
  68. border-bottom: 1px solid $uni-border-color;
  69. padding-bottom: 10rpx;
  70. }
  71. // 边线相关end
  72. .red{
  73. background: red;
  74. }
  75. .yellow{
  76. background:yellow;
  77. }
  78. // 文字相关start
  79. .level1-title{
  80. }
  81. // 文字相关end
  82. // 边线相关start
  83. // 边线相关start