当前位置:   article > 正文

公共部分的css (unapp、 vue、小程序)_uni-app 公共css

uni-app 公共css
  1. .align_center {
  2. align-items: center;
  3. }
  4. .align_start {
  5. align-items: flex-start;
  6. }
  7. .align_end {
  8. align-items: flex-end;
  9. }
  10. .padding_top {
  11. padding-top: 24rpx;
  12. }
  13. .padding_left {
  14. padding-left: 24rpx;
  15. }
  16. .padding_sx {
  17. padding: 24rpx 0;
  18. }
  19. .margin_lr {
  20. margin: 0 16rpx !important;
  21. }
  22. .margin-bottom24 {
  23. margin: 0 auto 24rpx;
  24. }
  25. .margin_top24 {
  26. margin-top: 24 ;
  27. }
  28. .padding_lr {
  29. padding: 0 16rpx;
  30. }
  31. .display_flex {
  32. display: flex;
  33. }
  34. .flex_display-align {
  35. display: flex;
  36. align-items: center;
  37. }
  38. .flex_one {
  39. flex: 1;
  40. }
  41. .flex_wrap {
  42. flex-wrap: wrap;
  43. }
  44. .flex_direction-column {
  45. flex-direction: column;
  46. }
  47. .font_size22 {
  48. font-size: 22rpx;
  49. }
  50. .font_size24 {
  51. font-size: 24rpx;
  52. }
  53. .font_size28 {
  54. font-size: 28rpx;
  55. }
  56. .font_size32 {
  57. font-size: 32rpx;
  58. }
  59. .font_size34 {
  60. font-size: 34rpx;
  61. }
  62. .font_size36 {
  63. font-size: 36rpx;
  64. }
  65. .justify_content-center {
  66. justify-content: center;
  67. }
  68. .justify_content-between {
  69. justify-content: space-between;
  70. }
  71. .justify_content-around {
  72. justify-content: space-around;
  73. }
  74. .justify_content-end {
  75. justify-content: flex-end;
  76. }
  77. .justify_content-start {
  78. justify-content: flex-start;
  79. }
  80. .font_weight {
  81. font-weight: bold;
  82. }
  83. .text_fangbuxia1 {
  84. white-space: nowrap;
  85. text-overflow: ellipsis;
  86. overflow: hidden;
  87. word-break: break-all;
  88. }
  89. .text_fangbuxia2 {
  90. display: -webkit-box;
  91. -webkit-box-orient: vertical;
  92. -webkit-line-clamp: 2;
  93. overflow: hidden;
  94. }
  95. .box_sizing{ box-sizing: border-box;}

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/672018
推荐阅读
相关标签
  

闽ICP备14008679号