reset.scss 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. .flex{display: flex;align-items: center;}
  2. .flex-center{display: flex;align-items: center;justify-content: center}
  3. .flex-space{display: flex;align-items: center;justify-content: space-between}
  4. .flex-end{display: flex;align-items: center;justify-content: flex-end}
  5. .ov-1x{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  6. .ov-2x{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  7. /* #ifdef H5 */
  8. .uni-page-head {
  9. background-color: transparent !important;
  10. }
  11. /* #endif */
  12. /* #ifdef H5 */
  13. /* #endif */
  14. uni-page-body,
  15. body,
  16. html {
  17. height: auto;
  18. min-height: 100%;
  19. }
  20. body {
  21. -webkit-overflow-scrolling: touch;
  22. }
  23. // 修改uni-nav-bar样式
  24. .uni-navbar-header {
  25. line-height: 96upx !important;
  26. height: 96upx !important;
  27. }
  28. // 修改uni-toast样式
  29. uni-toast {
  30. z-index: 99999 !important;
  31. }
  32. .uni-status-bar {
  33. height: auto !important;
  34. }
  35. .uni-navbar-container {
  36. display: flex !important;
  37. align-items: center !important;
  38. justify-content: center !important;
  39. }
  40. .uni-navbar-shadow {
  41. box-shadow: 0 0 6upx 2upx #ccc;
  42. }
  43. uni-picker .uni-picker-item {
  44. font-size: 30upx;
  45. }
  46. .iconfont {
  47. display: inline-block;
  48. vertical-align: middle;
  49. }
  50. // 修改image的图片样式
  51. // image {
  52. // width: 100%;
  53. // height: auto;
  54. // display: block;
  55. // }
  56. // 修改radio大小
  57. .uni-radio-wrapper {
  58. .uni-radio-input {
  59. width: 42upx;
  60. height: 42upx;
  61. }
  62. .uni-radio-input-checked {
  63. background-color: $mainColor !important;
  64. border-color: $mainColor !important;
  65. }
  66. }
  67. // 修改checkbox 样式
  68. .ljd-checkbox,.ljd-checkbox .uni-checkbox-input {
  69. width: 42upx;
  70. height: 42upx;
  71. border-radius: 50% !important;
  72. margin-right: 12upx;
  73. }
  74. .ljd-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  75. color: #fff !important;
  76. background-color: $mainColor !important;
  77. // border: none !important;
  78. border-color: $mainColor !important;
  79. }
  80. .ljd-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
  81. font-size: 36upx;
  82. }
  83. img {
  84. width: 100%;
  85. height: auto;
  86. display: block;
  87. }
  88. image {
  89. width: 100%;
  90. height: auto;
  91. display: block;
  92. }
  93. .datetime-picker {
  94. .picker-body {
  95. font-size: 32upx !important;
  96. }
  97. .btn-picker {
  98. font-size: 32upx !important;
  99. &.submit {
  100. color: #3a1b06 !important;
  101. padding: 0 20upx !important;
  102. border-radius: 24upx !important;
  103. }
  104. &.cancel {
  105. color: #878787 !important;
  106. }
  107. }
  108. }
  109. // 轮播tag样式修改
  110. .swiper-wrap {
  111. .tui-tag-class {
  112. position: absolute;
  113. color: #fff;
  114. bottom: 30upx;
  115. right: 0;
  116. }
  117. }
  118. // 支付页样式修改
  119. // .pay-wrap {
  120. // .delivery-wrap {
  121. // .remark-wrap {
  122. // margin-bottom: 0 !important;
  123. // }
  124. // }
  125. // }
  126. uni-button::after {
  127. border: none;
  128. }