App.vue 1015 B

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