common.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. /* #ifndef APP-PLUS-NVUE */
  2. view,
  3. scroll-view,
  4. swiper,
  5. swiper-item,
  6. cover-view,
  7. cover-image,
  8. icon,
  9. text,
  10. rich-text,
  11. progress,
  12. button,
  13. checkbox,
  14. form,
  15. input,
  16. label,
  17. radio,
  18. slider,
  19. switch,
  20. textarea,
  21. navigator,
  22. audio,
  23. camera,
  24. image,
  25. video {
  26. box-sizing: border-box;
  27. }
  28. image{
  29. display: block;
  30. }
  31. text,view{
  32. line-height: 1;
  33. /* font-family: Helvetica Neue, Helvetica, sans-serif; */
  34. }
  35. button{
  36. padding: 0;
  37. margin: 0;
  38. background-color: rgba(0,0,0,0);
  39. }
  40. button:after{
  41. border: 0;
  42. }
  43. /* #endif */
  44. .clamp {
  45. /* #ifdef APP-PLUS-NVUE */
  46. lines: 1;
  47. /* #endif */
  48. /* #ifndef APP-PLUS-NVUE */
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. white-space: nowrap;
  52. display: block;
  53. /* #endif */
  54. }
  55. .clamp2 {
  56. /* #ifdef APP-PLUS-NVUE */
  57. lines: 2;
  58. /* #endif */
  59. /* #ifndef APP-PLUS-NVUE */
  60. display: -webkit-box;
  61. -webkit-box-orient: vertical;
  62. -webkit-line-clamp: 2;
  63. overflow: hidden;
  64. /* #endif */
  65. }
  66. /* 布局 */
  67. button {
  68. margin: 0;
  69. padding: 0;
  70. border: 1px solid transparent;
  71. outline: none;
  72. background-color: transparent;
  73. }
  74. button:active {
  75. opacity: 0.6;
  76. }
  77. .flex-col {
  78. display: flex;
  79. flex-direction: column;
  80. }
  81. .flex-row {
  82. display: flex;
  83. flex-direction: row;
  84. }
  85. .justify-start {
  86. display: flex;
  87. justify-content: flex-start;
  88. }
  89. .justify-center {
  90. display: flex;
  91. justify-content: center;
  92. }
  93. .justify-end {
  94. display: flex;
  95. justify-content: flex-end;
  96. }
  97. .justify-evenly {
  98. display: flex;
  99. justify-content: space-evenly;
  100. }
  101. .justify-around {
  102. display: flex;
  103. justify-content: space-around;
  104. }
  105. .justify-between {
  106. display: flex;
  107. justify-content: space-between;
  108. }
  109. .align-start {
  110. display: flex;
  111. align-items: flex-start;
  112. }
  113. .align-center {
  114. display: flex;
  115. align-items: center;
  116. }
  117. .align-end {
  118. display: flex;
  119. align-items: flex-end;
  120. }
  121. .items-start {
  122. display: flex;
  123. align-items: flex-start;
  124. }
  125. .items-center {
  126. display: flex;
  127. align-items: center;
  128. }
  129. .items-end {
  130. display: flex;
  131. align-items: flex-end;
  132. }
  133. .fill{
  134. flex:1;
  135. }
  136. .ml-auto{
  137. margin-left: auto;
  138. }
  139. .mr-auto{
  140. margin-right: auto;
  141. }
  142. ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }