youxi-app/pages/index/components/physics.uvue

<script setup lang='ts'>
import { ref } from 'vue'
import { router } from '@/.cool'
import { user } from '@/.cool'
const visible = ref(false)

function handleView(url) {
  router.push({ path: url })
}
function openPopup() {
  visible.value = true
}
</script>
<template>
  <view class="content">
    <view @tap="handleView('/pages/catalog/index')" class=" box">
      <image class=" w-full h-full rounded-[35px]" mode="heightFix"
        src="https://oss.xiaoxiongcode.com/static/home/681.png" lazy-load />
      <!-- <image class="absolute top-2 right-2 z-[2] h-[14vh]" mode="heightFix"
        src="https://oss.xiaoxiongcode.com/static/home/682.png" /> -->
      <!-- <image class="absolute bottom-5 left-5 z-[2] h-[40vh]" mode="heightFix" src="https://oss.xiaoxiongcode.com/static/home/3.gif"  />
       <image class="absolute bottom-[14vh] right-[12vw] z-[2] h-[20vh]" mode="heightFix" src="https://oss.xiaoxiongcode.com/static/home/play.png"  /> -->
    </view>
    <view class=" box">
      <image class=" w-full  h-[15vw]" mode="heightFix" src="https://oss.xiaoxiongcode.com/static/home/761.png"
        lazy-load @tap="handleView('/pages/practice/index')" />
      <image class=" w-full h-[15vw]" mode="heightFix" src="https://oss.xiaoxiongcode.com/static/home/762.png" lazy-load
        @tap="handleView('/pages/test/index')" />
    </view>
  </view>
</template>
<style lang="scss" scoped>
.content {
  @apply w-[90vw] mx-auto flex flex-row items-center justify-between;
  height: calc(97vh - 85px);

  .box {
    @apply h-[32vw] relative flex flex-col items-center justify-between;
    overflow: visible;
    // border-radius: 30px;
    // border: 1vh solid #fff;

  }

}
</style>