App.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <script>
  2. export default {
  3. onLaunch: function() {
  4. console.log('App Launch')
  5. },
  6. onShow: function() {
  7. console.log('App Show')
  8. },
  9. onHide: function() {
  10. console.log('App Hide')
  11. }
  12. }
  13. </script>
  14. <style>
  15. page {
  16. --color: #1D8AF6;
  17. --title-color: #333333;
  18. --color1: #44A2FF;
  19. --color2: #44A2FF;
  20. --color3: #a4ddf1;
  21. --color4: #f7c10b;
  22. --color5: #ff0200;
  23. --button-color: #13caca;
  24. --button-color1: #15B3B2;
  25. --link-color: #13caca;
  26. --color-red: #ff7878;
  27. --color-green: #00b600;
  28. --bg-color: #EDF5FF;
  29. --icon-color: #1D8AF6;
  30. --loading-color: #44A2FF;
  31. --padding-rl: 10rpx;
  32. --padding-tb: 10rpx;
  33. --text-color: #999999;
  34. --padding-bottom: 8rpx;
  35. --card-bg: #15B3B2;
  36. --empty-color: #ccc;
  37. }
  38. </style>
  39. <style lang="scss">
  40. /*每个页面公共css */
  41. @import '@/uni_modules/uni-scss/index.scss';
  42. @import '@/static/theme.css';
  43. @import '@/static/customicons.css';
  44. // 设置整个项目的背景色
  45. page {
  46. font-size: 16px;
  47. background-color: #F4F5F5;
  48. background-size: cover;
  49. min-height: 100%;
  50. }
  51. body {
  52. // height: 100%;
  53. font-weight: normal;
  54. font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  55. padding: 0;
  56. margin: 0;
  57. }
  58. /* #ifdef H5 */
  59. uni-page-body {
  60. background: transparent;
  61. }
  62. /* #endif */
  63. .red {
  64. color: var(--color-red) !important;
  65. }
  66. .text-red {
  67. color: #f8a2a2 !important;
  68. }
  69. .uv-status-bar {
  70. background: var(--color1);
  71. background-image: none !important;
  72. }
  73. .uv-popup {
  74. .uv-popup__content.bottom {
  75. color: red;
  76. .uv-action-sheet {
  77. .uv-action-sheet__header {
  78. .uv-action-sheet__header__title {
  79. color: var(--color);
  80. }
  81. }
  82. }
  83. }
  84. }
  85. ::-webkit-scrollbar {
  86. width: 2rpx;
  87. height: 2rpx;
  88. }
  89. ::-webkit-scrollbar-thumb {
  90. // background-color: var(--color);
  91. background-color: rgba(199, 226, 244, 0.2);
  92. border-radius: 10rpx;
  93. }
  94. ::-webkit-scrollbar-thumb:window-inactive {
  95. // background-color: rgba(199, 226, 244, 0.6);
  96. }
  97. .uni-tabbar .uni-tabbar__label {
  98. font-size: 11pt;
  99. /* 根据需要调整 */
  100. }
  101. .login-modal {
  102. ::v-deep .uni-modal {
  103. .uni-modal__title {
  104. text-align: center;
  105. }
  106. border-radius: .5rem !important;
  107. ::v-deep .uni-modal__bd {
  108. color: red;
  109. }
  110. .uni-modal__btn {
  111. background: linear-gradient(to right, var(--color1), var(--color));
  112. color: #fff !important;
  113. margin: .5rem 1.5rem;
  114. border-radius: 2rem;
  115. }
  116. }
  117. }
  118. .uv-new-modal {
  119. .slot-content {
  120. text-align: center;
  121. color: #999;
  122. padding: 1rem 0;
  123. }
  124. .uv-popup {
  125. color: #13caca;
  126. ::v-deep .uv-modal {
  127. border-radius: .5rem;
  128. .uv-modal__button-group {
  129. height: auto;
  130. .uv-modal__button-group__wrapper--confirm {
  131. background: linear-gradient(to right, var(--color1), var(--color));
  132. color: #fff;
  133. margin: .75rem 1.75rem .75rem .875rem;
  134. border-radius: 2rem;
  135. .uv-modal__button-group__wrapper__text {
  136. color: #fff !important;
  137. }
  138. }
  139. .uv-modal__button-group__wrapper--cancel {
  140. border: 1px solid var(--text-color);
  141. background-color: transparent;
  142. color: var(--text-color);
  143. margin: .75rem .875rem .75rem 1.75rem;
  144. border-radius: 2rem;
  145. .uv-modal__button-group__wrapper__text {
  146. color: var(--text-color) !important;
  147. }
  148. }
  149. .uv-modal__button-group__wrapper--only-confirm {
  150. background: linear-gradient(to right, var(--color1), var(--color));
  151. color: #fff;
  152. margin: .75rem 1.75rem;
  153. border-radius: 2rem;
  154. .uv-modal__button-group__wrapper__text {
  155. color: #fff !important;
  156. }
  157. }
  158. }
  159. }
  160. }
  161. }
  162. .uv-empty {
  163. .uv-empty {}
  164. }
  165. </style>