base.scss 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. // @font-face {
  2. // font-family: 'iconfont'; /* Project id 1702958 */
  3. // src: url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.woff2?t=1701676243273') format('woff2'),
  4. // url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.woff?t=1701676243273') format('woff'),
  5. // url('https://at.alicdn.com/t/c/font_1702958_8sqv1klrrkm.ttf?t=1701676243273') format('truetype');
  6. // }
  7. @font-face {
  8. font-family: 'iconfont'; /* Project id 4578928 */
  9. src: url('https://at.alicdn.com/t/c/font_4578928_eql9bvt7pcb.woff2?t=1731810652180') format('woff2'),
  10. url('https://at.alicdn.com/t/c/font_4578928_eql9bvt7pcb.woff?t=1731810652180') format('woff'),
  11. url('https://at.alicdn.com/t/c/font_4578928_eql9bvt7pcb.ttf?t=1731810652180') format('truetype'),
  12. url('https://at.alicdn.com/t/c/font_4578928_eql9bvt7pcb.svg?t=1731810652180#iconfont') format('svg');
  13. }
  14. .iconfont{
  15. font-family: iconfont;
  16. font-size: 28rpx;
  17. }
  18. page {
  19. background-color: $uni-bg-color-grey;
  20. height: 100%;
  21. font-size: $uni-font-size-base;
  22. line-height: $uni-line-height-base;
  23. font-family: PingFangSC-Medium, PingFang SC,SF UI Text,Roboto;
  24. color: $uni-text-color;
  25. }
  26. //分割线
  27. .b-b{
  28. position: relative;
  29. &::after {
  30. content: '';
  31. position: absolute;
  32. bottom: 0;
  33. left: 0;
  34. background: $uni-border-color;
  35. width: 100%;
  36. height: 1px;
  37. -webkit-transform: scaleY(0.5);
  38. transform: scaleY(0.5);
  39. -webkit-transform-origin: 0 0;
  40. transform-origin: 0 0;
  41. }
  42. }
  43. .b-t{
  44. position: relative;
  45. &::before {
  46. content: '';
  47. position: absolute;
  48. top: 0;
  49. left: 0;
  50. background: $uni-border-color;
  51. width: 100%;
  52. height: 1px;
  53. -webkit-transform: scaleY(0.5);
  54. transform: scaleY(0.5);
  55. -webkit-transform-origin: 0 0;
  56. transform-origin: 0 0;
  57. }
  58. }
  59. //按钮
  60. .pub-button {
  61. min-width: 120rpx;
  62. height: 72rpx;
  63. font-size: 32rpx;
  64. border-radius: 36rpx;
  65. padding: 0 32rpx;
  66. @include flex-center;
  67. color: $uni-color-primary;
  68. border: 1px solid $uni-color-primary;
  69. .iconfont{
  70. font-size: 24rpx;
  71. margin-right: 8rpx;
  72. }
  73. &:hover{
  74. border: 1px solid $uni-color-primary-deep;
  75. color: $uni-color-primary-deep;
  76. }
  77. &.disabled{
  78. color: #fff;
  79. background-color: $uni-text-color-disable;
  80. border-color: $uni-text-color-disable;
  81. }
  82. //带背景
  83. &.is-bg{
  84. background-color: $uni-color-primary;
  85. color: #FFFFFF;
  86. border: none;
  87. &:hover{
  88. background-color: $uni-color-primary-deep;
  89. }
  90. &.disabled{
  91. background-color: $uni-color-primary-light;
  92. }
  93. }
  94. &.is-grey{
  95. color: $uni-text-color-grey;
  96. border: 1px solid $uni-text-color-grey;
  97. &:hover{
  98. border: 1px solid $uni-text-color;
  99. color: $uni-text-color;
  100. }
  101. &.disabled{
  102. color: #fff;
  103. background-color: $uni-text-color-disable;
  104. border-color: $uni-text-color-disable;
  105. }
  106. }
  107. &.is-square{
  108. border-radius: 0;
  109. }
  110. &.large{
  111. /*大按钮*/
  112. min-width: 160rpx;
  113. height: 96rpx;
  114. font-size: 36rpx;
  115. color: #fff;
  116. border-radius: 48rpx;
  117. /* padding: 0 32rpx;*/
  118. margin: 16rpx 32rpx;
  119. .iconfont{
  120. font-size: 36rpx;
  121. margin-right: 16rpx;
  122. }
  123. }
  124. &.small{
  125. /* 小按钮*/
  126. min-width: 88rpx;
  127. height: 56rpx;
  128. font-size: 28rpx;
  129. color: #fff;
  130. border-radius: 28rpx;
  131. padding: 0 16rpx;
  132. }
  133. &+.pub-button{
  134. margin-left: 16rpx;
  135. }
  136. }
  137. /*tab页*/
  138. .pub-tabs{
  139. height: 88rpx;
  140. padding: 0 24rpx;
  141. @include flex;
  142. .pub-tab{
  143. flex : 1;
  144. }
  145. }
  146. .flex-1{
  147. flex:1;
  148. }