OfficeApp/subpkg/finance/finance.vue

<template>
  <view class="">
    <view class="finance_head">
      <view class="top">
        <view class="left">
          <image></image>
          <view>张三</view>
          <image></image>
        </view>
        <view class="right" @click="naviTo('/subpkg/topUp/topUp')">
          账户充值
        </view>
      </view>
      <view class="center">
        <view>
          <text style="margin-right: 20rpx;">账户总金额(元)</text><uni-icons type="eye" color="#fff"></uni-icons>
        </view>
        <view>1338.96</view>
        <view>可提现金额</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
       
    }
  },
  onLoad() {},
  onShow() {},
  methods: {
    naviTo(url) {
      url ?
        uni.navigateTo({
          url: url
        }) : Toast('暂未开放')
    },
  },
  onPullDownRefresh() {
      uni.stopPullDownRefresh()
    }
  }
</script>

<style lang="scss">
.finance_head{
  background-color: #3274F9FF;
  height: 500rpx;
  .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    padding: 10rpx 28rpx;
    .left{
      display: flex;
      flex: 1;
      font-size: 28rpx;
      font-weight: 500;
      color: #FFFFFF;
      image{
        width: 30rpx;
        height: 30rpx;
      }
    }
    .right{
      font-size: 24.53rpx;
      font-weight: 400;
      color: #FFFFFF;
    }
  }
  .center{
    color: #fff;
  }
}
</style>