<template>
  <view class="flex flex-col h-screen">
    <view class="flex-1 overflow-auto">
      <image :src="imgs[0]" mode="widthFix" class="w-full" @click="previewImg(imgs, 0)" />
    </view>
    <ShareButtonGroup
      phone-number="18516500555"
      friend-image="https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/tianjiawx-liuxue.jpg"
    />
  </view>
</template>

<script lang="ts" setup>
import ShareButtonGroup from './components/ShareButtonGroup.vue'

const imgs = ['https://api-static-zhiy.oss-cn-shanghai.aliyuncs.com/images/ad-banner/youxue.png']

const previewImg = (imgs: string[], index: number) => {
  uni.previewImage({
    urls: imgs,
    current: index,
  })
}
</script>
