App.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  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. /*每个页面公共css */
  16. *{
  17. margin: 0;
  18. padding: 0;
  19. }
  20. @import "uview-ui/index.scss";
  21. .u-font-xs {
  22. font-size: 22rpx;
  23. }
  24. .u-font-sm {
  25. font-size: 26rpx;
  26. }
  27. .u-font-md {
  28. font-size: 28rpx;
  29. }
  30. .u-font-lg {
  31. font-size: 30rpx;
  32. }
  33. .u-font-xl {
  34. font-size: 34rpx;
  35. }
  36. .u-flex {
  37. /* #ifndef APP-NVUE */
  38. display: flex;
  39. /* #endif */
  40. flex-direction: row;
  41. align-items: center;
  42. }
  43. .u-flex-wrap {
  44. flex-wrap: wrap;
  45. }
  46. .u-flex-nowrap {
  47. flex-wrap: nowrap;
  48. }
  49. .u-col-center {
  50. align-items: center;
  51. }
  52. .u-col-top {
  53. align-items: flex-start;
  54. }
  55. .u-col-bottom {
  56. align-items: flex-end;
  57. }
  58. .u-row-center {
  59. justify-content: center;
  60. }
  61. .safe-area-inset-bottom {
  62. padding-bottom: 0;
  63. padding-bottom: constant(safe-area-inset-bottom);
  64. padding-bottom: env(safe-area-inset-bottom);
  65. }
  66. .u-row-left {
  67. justify-content: flex-start;
  68. }
  69. .u-row-right {
  70. justify-content: flex-end;
  71. }
  72. .u-row-between {
  73. justify-content: space-between;
  74. }
  75. .u-row-around {
  76. justify-content: space-around;
  77. }
  78. .u-text-left {
  79. text-align: left;
  80. }
  81. .u-text-center {
  82. text-align: center;
  83. }
  84. .u-text-right {
  85. text-align: right;
  86. }
  87. .u-flex-col {
  88. /* #ifndef APP-NVUE */
  89. display: flex;
  90. /* #endif */
  91. flex-direction: column;
  92. }
  93. .u-flex-1{
  94. flex:1
  95. }
  96. </style>