App.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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. .u-mask {
  29. background-color: rgba(48, 46, 46, 0.45) !important;
  30. }
  31. .uni-page-head {
  32. font-size: 38rpx !important;
  33. height: 102rpx !important;
  34. //line-height: 100rpx !important;
  35. background-color: #1f1f1f !important;
  36. color: #bb955e !important;
  37. padding: 0 !important;
  38. .uni-btn-icon {
  39. color: #bb955e !important;
  40. }
  41. .uni-page-head__title {
  42. height: 102rpx !important;
  43. line-height: 102rpx !important;
  44. }
  45. }
  46. .uni-picker-container {
  47. .uni-picker-header {
  48. background-color: #6e6c6b !important;
  49. .uni-picker-action-confirm {
  50. color: #bb955e !important;
  51. }
  52. .uni-picker-action-cancel {
  53. color: #fff !important;
  54. }
  55. }
  56. .uni-picker-view-indicator {
  57. // background-color: rgba(158, 158, 158, 25%);
  58. color: #bb955e;
  59. }
  60. }
  61. .u-input__input {
  62. color: #999 !important;
  63. }
  64. .u-cell-box {
  65. background-color: #2c2b2b;
  66. border-radius: 19rpx;
  67. .u-cell-item-box {
  68. border-radius: 19rpx;
  69. background-color: #2c2b2b !important;
  70. }
  71. }
  72. /* App.vue */
  73. .cell-hover-class {
  74. background-color: #434142;
  75. }
  76. /* 或者单是设置透明度 */
  77. .cell-hover-class {
  78. opacity: 0.5;
  79. }
  80. .u-radio__label {
  81. color: inherit !important;
  82. }
  83. </style>