App.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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 lang="scss">
  15. @import "uview-ui/index.scss";
  16. /*每个页面公共css */
  17. page {
  18. background-color: #1f1f1f;
  19. }
  20. uni-page {
  21. // overflow: hidden;
  22. // overflow-y: scroll;
  23. }
  24. uni-page-head {
  25. --window-top: calc(var(--top-window-height) + calc(102rpx + env(safe-area-inset-top)));
  26. --window-bottom: 0px;
  27. }
  28. input {
  29. background-color: transparent !important;
  30. }
  31. input:-webkit-autofill {
  32. -webkit-box-shadow: 0 0 0 1000px white inset !important;
  33. }
  34. input:-internal-autofill-selected {
  35. -webkit-text-fill-color: #FFFFFF !important;
  36. transition: background-color 5000s ease-in-out 0s !important;
  37. }
  38. input:-webkit-autofill {
  39. background: transparent !important;
  40. color: #6e6c6b;
  41. }
  42. .u-form-item--left {
  43. margin-right: 52rpx;
  44. }
  45. .u-mask {
  46. background-color: rgba(48, 46, 46, 0.45) !important;
  47. }
  48. .uni-page-head {
  49. font-size: 38rpx !important;
  50. height: 102rpx !important;
  51. //line-height: 100rpx !important;
  52. background-color: #1f1f1f !important;
  53. color: #bb955e !important;
  54. padding: 0 !important;
  55. .uni-btn-icon {
  56. color: #bb955e !important;
  57. }
  58. .uni-page-head__title {
  59. height: 102rpx !important;
  60. line-height: 102rpx !important;
  61. }
  62. }
  63. .uni-picker-container {
  64. .uni-picker-header {
  65. background-color: #6e6c6b !important;
  66. .uni-picker-action-confirm {
  67. color: #bb955e !important;
  68. }
  69. .uni-picker-action-cancel {
  70. color: #fff !important;
  71. }
  72. }
  73. .uni-picker-view-indicator {
  74. // background-color: rgba(158, 158, 158, 25%);
  75. color: #bb955e;
  76. }
  77. }
  78. .u-input__input {
  79. color: #999 !important;
  80. }
  81. .u-cell-box {
  82. background-color: #2c2b2b;
  83. border-radius: 19rpx;
  84. .u-cell-item-box {
  85. border-radius: 19rpx;
  86. background-color: #2c2b2b !important;
  87. }
  88. }
  89. /* App.vue */
  90. .cell-hover-class {
  91. background-color: #434142;
  92. }
  93. /* 或者单是设置透明度 */
  94. .cell-hover-class {
  95. opacity: 0.5;
  96. }
  97. .u-radio__label {
  98. color: inherit !important;
  99. }
  100. .u-type-none-light-bg {
  101. padding: 18rpx 0 !important;
  102. }
  103. .u-type-none-light-bg .u-news-item {
  104. color: #f1f1f1 !important;
  105. }
  106. </style>