reset.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. view,
  2. scroll-view,
  3. swiper,
  4. swiper-item,
  5. cover-view,
  6. cover-image,
  7. icon,
  8. text,
  9. rich-text,
  10. progress,
  11. button,
  12. checkbox,
  13. form,
  14. input,
  15. label,
  16. radio,
  17. slider,
  18. switch,
  19. textarea,
  20. navigator,
  21. audio,
  22. camera,
  23. image,
  24. video {
  25. box-sizing: border-box;
  26. }
  27. /* 骨架屏替代方案 */
  28. .oa-skeleton {
  29. background: $color-white;
  30. padding: 20upx 0;
  31. border-radius: 8upx;
  32. box-shadow: 0upx 5upx 25upx rgba(0, 0, 0, 0.05);
  33. }
  34. /* 图片载入替代方案 */
  35. .image-wrapper {
  36. font-size: 0;
  37. background: #f3f3f3;
  38. border-radius: 4px;
  39. image {
  40. width: 100%;
  41. height: 100%;
  42. transition: .6s;
  43. opacity: 0;
  44. &.loaded {
  45. opacity: 1;
  46. }
  47. }
  48. }
  49. .common-hover {
  50. background: #f5f5f5;
  51. }
  52. /*边框*/
  53. .b-b:after,
  54. .b-t:after {
  55. position: absolute;
  56. z-index: 3;
  57. left: 0;
  58. right: 0;
  59. height: 0;
  60. content: '';
  61. transform: scaleY(.5);
  62. border-bottom: 1px solid $border-color-base;
  63. }
  64. .b-b:after {
  65. bottom: 0;
  66. }
  67. .b-t:after {
  68. top: 0;
  69. }
  70. /* button样式改写 */
  71. uni-button,
  72. button {
  73. height: 80upx;
  74. line-height: 80upx;
  75. font-size: $font-lg + 2upx;
  76. font-weight: normal;
  77. &.no-border:before,
  78. &.no-border:after {
  79. border: 0;
  80. }
  81. }
  82. uni-button[type=default],
  83. button[type=default] {
  84. color: $font-color-dark;
  85. }
  86. /* input 样式 */
  87. .input-placeholder {
  88. color: #999999;
  89. }
  90. .placeholder {
  91. color: #999999;
  92. }
  93. /*通用 */
  94. view{
  95. font-size: $font-base;
  96. line-height:1.5;
  97. }
  98. progress, checkbox-group{
  99. width: 100%;
  100. }
  101. form {
  102. width: 100%;
  103. }
  104. .oa-button {
  105. color: #fff;
  106. border-radius: 30upx;
  107. font-size: $font-lg;
  108. }
  109. uni-button {
  110. background: none;
  111. }