60 lines
1.4 KiB
Plaintext
60 lines
1.4 KiB
Plaintext
<template>
|
|
<view style="margin: 30rpx 50rpx;">
|
|
<view class="" style="font-size: 26rpx;">
|
|
提现金额
|
|
</view>
|
|
<view class="" style="margin: 20rpx 0;">
|
|
<up-input :customStyle="{'padding':'12rpx 0','height':'100rpx'}" fontSize='18'
|
|
prefixIconStyle="font-size: 28px;color: #000;font-weight:bold" placeholder="请输入提现金额" border="bottom"
|
|
prefixIcon="rmb"></up-input>
|
|
</view>
|
|
<view class="" style="font-size: 26rpx; display: flex; align-items: center; ">
|
|
<view class="" style="color: #999; ">
|
|
当前积分余额57.28元,
|
|
</view>
|
|
<view class="" style="color:#5d75a9 ;">
|
|
全部提现
|
|
</view>
|
|
</view>
|
|
|
|
<view class="action-buttons">
|
|
<u-button type="primary" :custom-style="contactButtonStyle">立即提现</u-button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { onShow, onLoad } from "@dcloudio/uni-app";
|
|
import { ref } from "vue";
|
|
// 按钮样式
|
|
const contactButtonStyle = ref({
|
|
backgroundColor: '#FF6600',
|
|
borderColor: '#FF6600',
|
|
color: '#FFFFFF',
|
|
fontSize: '28rpx',
|
|
height: '75rpx',
|
|
borderRadius: '45rpx',
|
|
marginRight: '20rpx'
|
|
});
|
|
|
|
onLoad(() => {
|
|
|
|
});
|
|
|
|
onShow(() => {
|
|
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.action-buttons{
|
|
display: flex;
|
|
padding: 30rpx 30rpx;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background-color: #ffffff;
|
|
border-top: 1rpx solid #f0f0f0;
|
|
}
|
|
</style> |