<template>
    <div class="main">
        <view>
            <button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" class="btn">点击登录</button>

        </view>
    </div>
</template>

<script setup >
import { ref, getCurrentInstance } from "vue";
const currentInstance = getCurrentInstance();
const { $api } = currentInstance.appContext.config.globalProperties;
let isShow = ref(true);
const getPhoneNumber = () => {
    console.log(123)
}

</script>

<style lang="scss" scoped>
.main {
    background: url("https://cdns.fontree.cn/fonchain-main/prod/image/default/artwork/3f70cf7f-4017-42a6-9276-bf854f57f78d.png");
    background-size: cover;
    height: 100vh;
    display: flex;
    align-items: center;
    flex-direction: column;

    .btn {
        background: transparent;
        width: 200rpx;
        position: fixed;
        bottom: 15%;
        color: #fff;
        left: 50%;
        transform: translateX(-50%);
        font-size: 30rpx;
        transition: all 1s;
        animation: jump 1s ease-in-out infinite alternate;
    }
}
</style>