<template>
    <van-popup v-model:show="show" position="bottom">
        <div class="max-h-[calc(100vh-100px)] m-4 ">
            <div class="p-4 bg-gray-200">
                <!-- <van-swipe lazy-render>
            <van-swipe-item v-for="image in images" :key="image" class="">
            </van-swipe-item>
        </van-swipe> -->
                <img class="rounded-xl shadow h-[500px] m-auto" src="@/assets/images/tg_qrcode_1.jpg" />
            </div>
            <div class="m-2">分享到</div>
            <div class="flex items-center justify-around">
                <div class="flex flex-col items-center justify-center" @click="toPromote">
                    <img src="@/assets/images/icon_share_wechat.svg" class="w-12 h-12 rounded-full" />
                    <div class="text-center mt-1">微信好友</div>
                </div>
                <div class="flex flex-col items-center justify-center">
                    <img src="@/assets/images/icon_share_friends.svg" class="w-12 h-12 rounded-full" />
                    <div class="text-center mt-1">微信朋友圈</div>
                </div>
                <div class="flex flex-col items-center justify-center">
                    <img src="@/assets/images/icon_share_img.svg" class="w-12 h-12 rounded-full" />
                    <div class="text-center mt-1">保存图片</div>
                </div>
                <div class="flex flex-col items-center justify-center">
                    <img src="@/assets/images/icon_share_url.svg" class="w-12 h-12 rounded-full" />
                    <div class="text-center mt-1">复制链接</div>
                </div>
            </div>
        </div>
    </van-popup>
</template>

<script setup>
const show = defineModel()

</script>

<style lang="scss" scoped></style>