App.vue 992 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <script setup lang="ts">
  2. import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
  3. onLaunch(() => {
  4. console.log('App Launch')
  5. // #ifdef H5
  6. uni.hideTabBar()
  7. // #endif
  8. })
  9. onShow(() => {
  10. console.log('App Show')
  11. })
  12. onHide(() => {
  13. console.log('App Hide')
  14. })
  15. </script>
  16. <style lang="scss">
  17. /* stylelint-disable selector-type-no-unknown */
  18. button::after {
  19. border: none;
  20. }
  21. swiper,
  22. scroll-view {
  23. flex: 1;
  24. height: 100%;
  25. overflow: hidden;
  26. }
  27. image {
  28. width: 100%;
  29. height: 100%;
  30. vertical-align: middle;
  31. }
  32. // 单行省略,优先使用 unocss: text-ellipsis
  33. .ellipsis {
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. white-space: nowrap;
  37. }
  38. // 两行省略
  39. .ellipsis-2 {
  40. display: -webkit-box;
  41. overflow: hidden;
  42. text-overflow: ellipsis;
  43. -webkit-line-clamp: 2;
  44. -webkit-box-orient: vertical;
  45. }
  46. // 三行省略
  47. .ellipsis-3 {
  48. display: -webkit-box;
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. -webkit-line-clamp: 3;
  52. -webkit-box-orient: vertical;
  53. }
  54. </style>