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 handleViewPractice() {
  if (user.token == 'Basic ZW5kOmVuZA==') {
    uni.showToast({
      title: '请先登录',
      icon: 'none'
    })
    router.push({
      path: "/pages/user/login",
    });
    return
  }
  router.push({ path: '/pages/practice/index' })
}

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="handleViewPractice" />
      <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>