base.scss 3.4 KB

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