app.scss 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. /**app.wxss**/
  2. page {
  3. color: #333;
  4. min-height: 100%;
  5. background: #F5F6F8;
  6. }
  7. view,text,div {
  8. // color: #333;
  9. word-break: break-all;
  10. font-family: "SourceHanSansSC-Regular";
  11. box-sizing: border-box;
  12. }
  13. .container {
  14. font-family: "SourceHanSansSC-Regular", "Microsoft YaHei", "Hiragino Sans GB", tahoma, Arial;
  15. box-sizing: border-box;
  16. width: 100%;
  17. overflow: hidden;
  18. }
  19. // 文本溢出
  20. .ellipsis {
  21. white-space: nowrap;
  22. overflow: hidden;
  23. text-overflow: ellipsis;
  24. }
  25. .ellipsis2 {
  26. display: -webkit-box;
  27. overflow: hidden;
  28. text-overflow: ellipsis;
  29. -webkit-line-clamp: 2;
  30. -webkit-box-orient: vertical;
  31. }
  32. .ellipsis3 {
  33. display: -webkit-box;
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. -webkit-line-clamp: 3;
  37. -webkit-box-orient: vertical;
  38. }
  39. // 文本溢出-end
  40. /* 在线链接服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
  41. @font-face {
  42. font-family: 'iconfont'; /* Project id 3748689 */
  43. src: url('//at.alicdn.com/t/c/font_3748689_9skur541wqr.woff2?t=1701678660669') format('woff2'),
  44. url('//at.alicdn.com/t/c/font_3748689_9skur541wqr.woff?t=1701678660669') format('woff'),
  45. url('//at.alicdn.com/t/c/font_3748689_9skur541wqr.ttf?t=1701678660669') format('truetype');
  46. }
  47. .iconfont {
  48. font-family: "iconfont" !important;
  49. font-style: normal;
  50. color: #333;
  51. -webkit-font-smoothing: antialiased;
  52. -moz-osx-font-smoothing: grayscale;
  53. }
  54. .clearfix:before,
  55. .clearfix:after {
  56. content: "";
  57. height: 0;
  58. clear: both;
  59. display: block;
  60. visibility: hidden;
  61. }
  62. // flex布局
  63. .flex_grow {flex: 1;}
  64. .flex_wrap {flex-wrap: wrap;}
  65. .flex_ac {align-items: center;}
  66. .flex_ae {align-items: flex-end;}
  67. .flex_as {align-items: flex-start;}
  68. .flex_jc {justify-content: center;}
  69. .flex_je {justify-content: flex-end;}
  70. .flex_js {justify-content: flex-start;}
  71. .flex_jb {justify-content: space-between;}
  72. .flex_jse {justify-content: space-evenly;}
  73. .flex_r {display: flex;flex-direction: row;}
  74. .flex_c {display: flex;flex-direction: column;}
  75. // flex布局-end
  76. // 边距
  77. .padd20 {padding: 20rpx 0;}
  78. .mar_t10 {margin-top: 10rpx;}
  79. .mar_t20 {margin-top: 20rpx;}
  80. .mar_t30 {margin-top: 30rpx;}
  81. .mar_t36 {margin-top: 36rpx;}
  82. .mar_t50 {margin-top: 50rpx;}
  83. .mar_t16 {margin-top: 16rpx;}
  84. .mar_t-10 {margin-top: -10rpx;}
  85. .padd_t30 {padding-top: 30rpx;}
  86. .mar_b10 {margin-bottom: 10rpx;}
  87. .mar_b20 {margin-bottom: 20rpx;}
  88. .mar_b30 {margin-bottom: 30rpx;}
  89. .padd_b0 {padding-bottom: 0 !important;}
  90. // 边距-end
  91. // 底部提示
  92. .fz_w_text {
  93. width: 100%;
  94. color: #bcbcbc;
  95. font-size: 24rpx;
  96. text-align: center;
  97. padding: 30rpx 0 40rpx;
  98. }
  99. .no_data {
  100. text-align: center;
  101. padding: 80rpx 30px;
  102. line-height: 1.5;
  103. font-size: 28rpx;
  104. color: #999;
  105. }
  106. .no_data .image {
  107. width: 240rpx;
  108. height: 240rpx;
  109. margin-bottom: 20rpx;
  110. }
  111. .imgs_bar {
  112. width: 100%;
  113. overflow: hidden;
  114. display: flex;
  115. display: -webkit-flex;
  116. align-items: center;
  117. justify-content: center;
  118. }
  119. uni-input {
  120. box-sizing: content-box;
  121. }
  122. .noticeBar .uni-noticebar {
  123. margin: 0 !important;
  124. padding: 0 !important;
  125. }
  126. .corFE2C15 {
  127. color: #FE2C15 !important;
  128. }
  129. // 暂无信息/数据/列表
  130. .zanwu {
  131. text-align: center;
  132. min-height: 100vh;
  133. background: #fff;
  134. }
  135. .zanwutxt {
  136. margin-top: 16rpx;
  137. font-size: 28rpx;
  138. color: #888;
  139. }
  140. .hover_a{
  141. color: #17bb87;
  142. }
  143. .inp_pl{
  144. font-size: 28rpx;
  145. color: #bbb;
  146. }