Files
chazhi/src/components/RechargeBtn.vue
2025-09-01 17:28:32 +08:00

24 lines
659 B
Vue

<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>