baby-app/src/App.vue

<script setup lang="ts">
  import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
  import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only'
  import i18n from './locale'

  // onLaunch((ad) => {
  //   console.log(ad, 'App Launch')
  // })
  onShow(() => {
    console.log('App Show')
  })
  onHide(() => {
    console.log('App Hide')
  })
  i18n.global.locale = 'en'
  uni.setLocale('en')
</script>

<style lang="scss">
  /* stylelint-disable selector-type-no-unknown */
  button::after {
    border: none;
  }

  swiper,
  scroll-view {
    flex: 1;
    height: 100%;
    overflow: hidden;
  }

  image {
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }

  // 单行省略，优先使用 unocss: text-ellipsis
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  // 两行省略
  .ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  // 三行省略
  .ellipsis-3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
</style>