App.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  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. .u-row-left {
  62. justify-content: flex-start;
  63. }
  64. .u-row-right {
  65. justify-content: flex-end;
  66. }
  67. .u-row-between {
  68. justify-content: space-between;
  69. }
  70. .u-row-around {
  71. justify-content: space-around;
  72. }
  73. .u-text-left {
  74. text-align: left;
  75. }
  76. .u-text-center {
  77. text-align: center;
  78. }
  79. .u-text-right {
  80. text-align: right;
  81. }
  82. .u-flex-col {
  83. /* #ifndef APP-NVUE */
  84. display: flex;
  85. /* #endif */
  86. flex-direction: column;
  87. }
  88. .u-flex-1{
  89. flex:1
  90. }
  91. </style>