App.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <script>
  2. export default {
  3. data() {
  4. return {
  5. }
  6. },
  7. onLaunch: function() {
  8. // console.log('App Launch')
  9. },
  10. onShow: function() {
  11. // console.log('App Show')
  12. // this.$audio.play();
  13. },
  14. onHide: function() {
  15. // console.log('App Hide')
  16. // this.$audio.pause();
  17. },
  18. methods: {
  19. }
  20. }
  21. </script>
  22. <style>
  23. /*每个页面公共css */
  24. .body {
  25. display: flex;
  26. flex-direction: column;
  27. align-items: center;
  28. justify-content: center;
  29. }
  30. .body-radius {
  31. border-radius: 50rpx;
  32. overflow: hidden; /* 确保边框圆角不会溢出 */
  33. }
  34. .uni-row {
  35. display: flex;
  36. flex-direction: row;
  37. align-items: center;
  38. }
  39. .uni-column {
  40. display: flex;
  41. flex-direction: column;
  42. align-items: center;
  43. }
  44. .uni-jct {
  45. justify-content: flex-start;
  46. }
  47. .uni-jcc {
  48. justify-content: center;
  49. }
  50. .uni-jce {
  51. justify-content: flex-end;
  52. }
  53. .uni-jcsa {
  54. justify-content: space-around;
  55. }
  56. .uni-jcsb {
  57. justify-content: space-between;
  58. }
  59. .uni-jcse {
  60. justify-content: space-evenly;
  61. }
  62. .uni-ais {
  63. align-items: flex-start;
  64. }
  65. .uni-aie {
  66. align-items: flex-end;
  67. }
  68. .hidden {
  69. visibility: hidden;
  70. }
  71. </style>