<template> 
 | 
  <!-- <div class="mine-wallet-balance"> 
 | 
    <WithdrawMoneyCard :money="100" title="账户余额(元)"></WithdrawMoneyCard> 
 | 
    <nut-button type="primary" class="mine-wallet-balance-btn" @click="goWithdraw">提现</nut-button> 
 | 
  </div> --> 
 | 
  <List> 
 | 
    <ListItem title="收入明细" @click="goIncomeDetail"> </ListItem> 
 | 
    <!-- <ListItem title="支付宝账户" @click="goWithdraw"> 
 | 
      <template #extra> 
 | 
        <div class="bind-bank-card"> 
 | 
          {{ isBinding ? '已绑定' : '未绑定、立即绑定' }} 
 | 
        </div> 
 | 
      </template> 
 | 
    </ListItem> --> 
 | 
  </List> 
 | 
</template> 
 | 
  
 | 
<script setup lang="ts"> 
 | 
import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; 
 | 
import Taro from '@tarojs/taro'; 
 | 
  
 | 
defineOptions({ 
 | 
  name: 'InnerPage', 
 | 
}); 
 | 
  
 | 
const { isCertified } = useUser(); 
 | 
  
 | 
const isBinding = ref(false); 
 | 
  
 | 
function goIncomeDetail() { 
 | 
  Taro.navigateTo({ 
 | 
    url: `${RouterPath.incomeDetail}`, 
 | 
  }); 
 | 
} 
 | 
  
 | 
const goWithdraw = useAccessReal( 
 | 
  () => { 
 | 
    Taro.navigateTo({ 
 | 
      url: `${RouterPath.withdraw}`, 
 | 
    }); 
 | 
  }, 
 | 
  { message: '完成实名认证后才可提现' } 
 | 
); 
 | 
// const goBankBind = useAccessReal( 
 | 
//   () => { 
 | 
//     Taro.navigateTo({ 
 | 
//       url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, 
 | 
//     }); 
 | 
//   }, 
 | 
//   { message: '完成实名认证后才可进行银行卡绑定' } 
 | 
// ); 
 | 
</script> 
 | 
  
 | 
<style lang="scss"> 
 | 
@import '@/styles/common.scss'; 
 | 
  
 | 
.mineWallet-page-wrapper { 
 | 
  .mine-wallet-balance { 
 | 
    text-align: center; 
 | 
    padding-bottom: 60px; 
 | 
  
 | 
    .mine-wallet-balance-item { 
 | 
      font-size: 28px; 
 | 
      font-weight: 500; 
 | 
      margin-bottom: 40px; 
 | 
  
 | 
      &.money { 
 | 
        font-size: 48px; 
 | 
        font-weight: 500; 
 | 
      } 
 | 
    } 
 | 
  
 | 
    .mine-wallet-balance-btn { 
 | 
      width: 60%; 
 | 
    } 
 | 
  } 
 | 
  
 | 
  .bind-bank-card { 
 | 
    color: boleGetCssVar('text-color', 'regular'); 
 | 
    font-size: 24px; 
 | 
  } 
 | 
} 
 | 
</style> 
 |