<route lang="json5">
{
  style: {
    navigationStyle: 'custom',
    navigationBarTitleText: '立即投资',
  },
}
</route>
<template>
  <view class="min-h-screen pb-100">
    <NavBar>
      <template #right>
        <image @click="onRecharge" src="/static/images/page-sub/recharge.png" class="w-24 h-24" />
      </template>
    </NavBar>
    <view class="p-15">
      <view class="text-20 text-#333">RMB</view>
      <view class="mt-15">
        <view class="text-14 text-#333">投资金额</view>
        <view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
          <input type="number" placeholder="请输入投资金额" class="text-14 text-#333" />
        </view>
        <view class="text-12 text-#889BC6 mt-15">当前余额：10012.12</view>
      </view>

      <view class="mt-50">
        <view class="text-14 text-#333">支付密码</view>
        <view class="text-14 mt-15 text-#333 p-16 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
          <input type="password" placeholder="请输入支付密码" class="text-14 text-#333" />
        </view>
      </view>
    </view>
    <view class="fixed bottom-0 left-0 right-0 px-15 pb-safe">
      <view
        class="btn-gradient mb-15 text-center text-white rounded-full text-16 px-30 py-10"
        @click="onSubmit"
      >
        提交
      </view>
    </view>
  </view>
</template>

<script setup lang="ts">
import NavBar from '@/components/NavBar.vue'

const onRecharge = () => {
  uni.navigateTo({
    url: '/pages-sub/invest-detail/index',
  })
}

const onSubmit = () => {
  uni.redirectTo({
    url: '/pages-sub/invest-result/index',
  })
}
</script>

<style scoped></style>
