App.vue 869 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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>
  15. /*每个页面公共css */
  16. .display-flex-start {
  17. display: flex;
  18. align-items: center;
  19. }
  20. .display-flex-end {
  21. display: flex;
  22. justify-content: flex-end;
  23. align-items: center;
  24. }
  25. .display-between {
  26. display: flex;
  27. justify-content: space-between;
  28. }
  29. .display-around{
  30. display: flex;
  31. justify-content: space-around;
  32. }
  33. .display-between-column {
  34. display: flex;
  35. flex-direction: column;
  36. justify-content: space-between;
  37. }
  38. .display-around-column {
  39. display: flex;
  40. flex-direction: column;
  41. justify-content: space-around;
  42. }
  43. .display-wrap {
  44. display: flex;
  45. flex-wrap: wrap;
  46. }
  47. .items-center {
  48. align-items: center;
  49. }
  50. </style>