App.vue 919 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <script setup lang="ts">
  2. import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
  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. </script>
  13. <style lang="scss">
  14. /* stylelint-disable selector-type-no-unknown */
  15. view,
  16. navigator,
  17. input,
  18. scroll-view {
  19. box-sizing: border-box;
  20. }
  21. button::after {
  22. border: none;
  23. }
  24. swiper,
  25. scroll-view {
  26. flex: 1;
  27. height: 100%;
  28. overflow: hidden;
  29. }
  30. image {
  31. width: 100%;
  32. height: 100%;
  33. vertical-align: middle;
  34. }
  35. // 单行省略使用 unocss: text-ellipsis
  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>