<template>
    <view class="w-150rpx h-72rpx rounded-16rpx bg-[#E54444] relative flex justify-center items-center">
        <view class="bg-[#fff] opacity-[.5] w-6rpx h-24rpx rounded-40rpx absolute left-14rpx top-[50%] transform-translate-y-[-50%]"></view>
        <view class="text-[#fff] text-28rpx leading-38rpx">{{ name }}</view>
    </view>
</template>

<script lang="ts" setup name="RechargeBtn">
	/**
	 * RechargeBtn 充值按钮
	 * @description 用于展示对应页面按钮
     */

	defineProps({
        name: {
            type: String,
            default: '充值'
        }
    })
</script>

<script lang="ts">
    export default {}
</script>