App.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. page {
  16. width: 100%;
  17. height: 100%;
  18. background-attachment: fixed;
  19. background-image: url(./static/bg1Pad.png);
  20. background-position: center;
  21. background-size:750rpx auto;
  22. background-repeat: repeat;
  23. }
  24. // /* #ifdef H5 */
  25. // body {
  26. // max-width: 828rpx; //最大宽度自己可以调整
  27. // margin: auto !important;
  28. // }
  29. /* #endif */
  30. .flexV {
  31. display: flex;
  32. align-items: center;
  33. }
  34. .flexA {
  35. display: flex;
  36. justify-content: center;
  37. }
  38. .flexC {
  39. display: flex;
  40. align-items: center;
  41. justify-content: center;
  42. }
  43. .flexS {
  44. display: flex;
  45. align-items: center;
  46. justify-content: flex-start;
  47. }
  48. .flexB {
  49. display: flex;
  50. justify-content: space-between;
  51. align-items: center;
  52. }
  53. .flexT {
  54. display: flex;
  55. justify-content: space-between;
  56. align-items: flex-start;
  57. }
  58. .flexM {
  59. display: flex;
  60. flex-direction: column;
  61. }
  62. .flexX {
  63. display: flex;
  64. justify-content: space-between;
  65. flex-direction: column;
  66. }
  67. </style>