base.scss 2.8 KB

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