App.vue 723 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <script>
  2. export default {
  3. onLaunch() {
  4. console.log('App Launch')
  5. },
  6. onShow() {
  7. console.log('App Show')
  8. },
  9. onHide() {
  10. console.log('App Hide')
  11. }
  12. }
  13. </script>
  14. <style lang="scss">
  15. /* 全局样式 */
  16. page {
  17. background-color: #f2f2f2;
  18. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  19. color: #333333;
  20. box-sizing: border-box;
  21. }
  22. /* 通用卡片样式 */
  23. .card {
  24. background-color: #fff;
  25. border-radius: 24rpx;
  26. padding: 32rpx;
  27. margin-bottom: 24rpx;
  28. box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.04);
  29. }
  30. /* 隐藏滚动条 */
  31. ::-webkit-scrollbar {
  32. display: none;
  33. }
  34. /* 安全区域底部留白 */
  35. .safe-bottom {
  36. padding-bottom: env(safe-area-inset-bottom);
  37. }
  38. </style>