app.scss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. //-------全局 CSS 样式-------
  2. //uni-turnTurn-Shop-Templet v1.0 | by 仔仔 806606688@qq.com 2020-02-20 20:20:20
  3. //仅供学习交流,如作它用所承受的法律责任一概与作者无关
  4. page, .bg-page {
  5. background: #FAFAFA;
  6. }
  7. .cu-avatar {
  8. background-color: #FFFFFF;
  9. }
  10. .zaiui-small-routine-title {
  11. padding: 18.18upx 0;
  12. }
  13. .zaiui-goods-swiper-view {
  14. swiper.screen-swiper .uni-swiper-dot {
  15. background: #f0f0f0;
  16. }
  17. swiper.screen-swiper.square-dot .uni-swiper-dot {
  18. background-color: #aaaaaa;
  19. }
  20. }
  21. .zaiui-footer-fixed {
  22. position: fixed;
  23. z-index: 999;
  24. width: 100%;
  25. bottom: 0;
  26. left: 0;
  27. }
  28. .nav.z .cu-item {
  29. height: 64upx;
  30. line-height: 64upx;
  31. position: relative;
  32. }
  33. .nav.z .cu-item.select {
  34. font-size: 30upx;
  35. .tab-dot {
  36. position: absolute;
  37. height: 8upx;
  38. border-radius: 20upx;
  39. bottom: 0;
  40. left: 0;
  41. right: 0;
  42. width: 40upx;
  43. margin: auto;
  44. }
  45. }
  46. .nav.z .cu-item.nf.select {
  47. font-size: inherit;
  48. }
  49. .nav.z .cu-item.cur {
  50. border-bottom: 0;
  51. }
  52. .cu-tag.z {
  53. border-radius: 200upx 200upx 200upx 0;
  54. top: 10upx;
  55. right: -10upx;
  56. padding: 19upx 14upx;
  57. color: #f3f3f3;
  58. }
  59. .text-cut-2 {
  60. overflow: hidden;
  61. text-overflow: ellipsis;
  62. display: -webkit-box;
  63. -webkit-line-clamp: 2;
  64. -webkit-box-orient: vertical;
  65. }
  66. .flex.flex-wrap.user-info {
  67. position: relative;
  68. border-radius: 16upx 16upx;
  69. .basis-xs {
  70. flex-basis: 30%;
  71. width: 30%;
  72. }
  73. .basis-xl {
  74. flex-basis: 70%;
  75. width: 70%;
  76. }
  77. .line-height {
  78. line-height: 47upx;
  79. }
  80. .v-icon {
  81. position: absolute;
  82. width: 20upx;
  83. bottom: -4upx;
  84. left: 33upx;
  85. }
  86. }
  87. .zaiui-bar-title-box {
  88. .cu-bar .action>text[class*="cuIcon-"]{
  89. font-size: 36.36upx;
  90. }
  91. .cu-bar .action>text[class*="cuIcon-"] + text[class*="cuIcon-"] {
  92. margin-left: 1.5em;
  93. }
  94. }
  95. .zaiui-bar-search-title-box {
  96. .cu-bar .action>text[class*="cuIcon-"]{
  97. font-size: 36.36upx;
  98. }
  99. }
  100. .text-through {
  101. text-decoration:line-through;
  102. }
  103. .solid-line {
  104. width: 100%;
  105. height: 2upx;
  106. background: #f9f9f9;
  107. }
  108. .cu-modal {
  109. z-index: 999;
  110. }
  111. .zaiui-reward-btn {
  112. position: fixed;
  113. right: 18.18upx;
  114. bottom: 181.81upx;
  115. width: 90.9upx;
  116. height: 90.9upx;
  117. border-radius: 654.54upx;
  118. text-align: center;
  119. line-height: 90.9upx;
  120. box-shadow: 0 0 25.45upx #cecece;
  121. z-index: 999;
  122. }
  123. .zaiui-bar-title-box .cu-bar .content {
  124. .cu-tag {
  125. position: relative;
  126. top: -2.72upx;
  127. padding: 0 5.45upx;
  128. text {
  129. position: relative;
  130. top: 0;
  131. }
  132. }
  133. }
  134. .zaiui-add-btn-view-box {
  135. position: fixed;
  136. z-index: 999;
  137. bottom: 181.81upx;
  138. right: 27.27upx;
  139. .cu-btn {
  140. margin: auto;
  141. width: 81.81upx;
  142. height: 81.81upx;
  143. font-weight: 800;
  144. border-radius: 50%;
  145. font-size: 36.36upx;
  146. border: 9.09upx solid #fff;
  147. box-shadow: 0 0 14.54upx 7.27upx #d0d0d0;
  148. }
  149. }
  150. .zaiui-foot-padding-bottom{
  151. padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  152. }
  153. .zaiui-modal {
  154. z-index: 999;
  155. }
  156. .solid-top::after {
  157. border-top: 2upx solid rgba(0, 0, 0, 0.1);
  158. }
  159. .zaiui-tip-view {
  160. position: relative;
  161. padding: 10.9upx 21.81upx;
  162. .content {
  163. position: relative;
  164. padding-right: 54.54upx;
  165. }
  166. .icon {
  167. position: absolute;
  168. font-size: 32.72upx;
  169. right: 27.27upx;
  170. color: #8799a3;
  171. top: 9.09upx;
  172. }
  173. }
  174. .input-placeholder {
  175. color: #bfbfbf;
  176. }
  177. .cu-list.menu>.cu-item.arrow {
  178. padding-right: 69.09upx;
  179. }
  180. .cu-list.menu>.cu-item.arrow:before {
  181. right: 27.27upx;
  182. width: 21.81upx;
  183. height: 27.27upx;
  184. color: #aaaaaa;
  185. font-size: 25.45upx;
  186. }
  187. .zaiui-progress-radius {
  188. .uni-progress-bar,.uni-progress-inner-bar {
  189. border-radius: 181.81upx;
  190. }
  191. }
  192. /*底部*/
  193. .wecanui-footer-fixed {
  194. position: fixed;
  195. z-index: 999;
  196. width: 100%;
  197. bottom: 0;
  198. left: 0;
  199. }
  200. .wecanui-footer-fixed.foot-pb {
  201. padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  202. }
  203. .wecanui-footer-tabbar-hight-view {
  204. position: relative;
  205. width: 100%;
  206. height: calc((env(safe-area-inset-bottom) / 2) + 136.36upx);
  207. }
  208. .cu-form-group picker .picker {
  209. text-align: left;
  210. }