App.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!--
  2. http://t-oss-mbh5.colormaprun.com/actMgt/
  3. https://oss-mbh5.colormaprun.com/actMgt/
  4. -->
  5. <script>
  6. export default {
  7. onLaunch: function() {
  8. console.log('App Launch')
  9. this.$global.getWindowInfo()
  10. // uni.onWindowResize(res => {
  11. // // console.log('[APP onWindowResize]', res)
  12. // this.$global.getWindowInfo(res.size)
  13. // uni.$emit('windowResize')
  14. // });
  15. },
  16. onShow: function() {
  17. console.log('App Show')
  18. },
  19. onHide: function() {
  20. console.log('App Hide')
  21. }
  22. }
  23. </script>
  24. <style>
  25. /*每个页面公共css */
  26. uni-page {
  27. background-color: #FFF;
  28. overflow: scroll;
  29. }
  30. .body {
  31. display: flex;
  32. flex-direction: column;
  33. align-items: center;
  34. justify-content: center;
  35. }
  36. .body-radius {
  37. border-radius: 50rpx;
  38. overflow: hidden; /* 确保边框圆角不会溢出 */
  39. }
  40. .content {
  41. width: 100vw;
  42. }
  43. .top {
  44. width: 100%;
  45. justify-content: space-between;
  46. }
  47. .main {
  48. width: 100%;
  49. flex-grow: 1;
  50. }
  51. .uni-width-100 {
  52. width: 100%;
  53. }
  54. .uni-row {
  55. display: flex;
  56. flex-direction: row;
  57. align-items: center;
  58. }
  59. .uni-column {
  60. display: flex;
  61. flex-direction: column;
  62. align-items: center;
  63. }
  64. .uni-jct {
  65. justify-content: flex-start;
  66. }
  67. .uni-jcc {
  68. justify-content: center;
  69. }
  70. .uni-jce {
  71. justify-content: flex-end;
  72. }
  73. .uni-jcsa {
  74. justify-content: space-around;
  75. }
  76. .uni-jcsb {
  77. justify-content: space-between;
  78. }
  79. .uni-jcse {
  80. justify-content: space-evenly;
  81. }
  82. .uni-ais {
  83. align-items: flex-start;
  84. }
  85. .uni-aie {
  86. align-items: flex-end;
  87. }
  88. .uni-aibl {
  89. align-items: baseline;
  90. }
  91. .uni-hidden {
  92. visibility: hidden;
  93. }
  94. .uni-nowrap {
  95. white-space: nowrap;
  96. }
  97. .uni-ovf-hidden {
  98. overflow: hidden;
  99. }
  100. .uni-ovf-ellipsis {
  101. text-overflow: ellipsis;
  102. }
  103. /deep/ .uni-easyinput__placeholder-class {
  104. font-size: 14px !important;
  105. color: #999;
  106. }
  107. /deep/ .e-select-input-placeholder {
  108. font-size: 14px !important;
  109. color: #999;
  110. }
  111. /deep/ .uni-date__x-input {
  112. font-size: 14px !important;
  113. color: #999;
  114. }
  115. /deep/ .file-title {
  116. font-size: 14px !important;
  117. color: #999 !important;
  118. }
  119. </style>