Client-Teapay/src/pages/account/wealth.vue

<template>
  <view class="container">
    <!-- 财富列表 -->
    <view class="con flex_r flex_ac flex_jb mar_t16">
      <view class="list flex_c flex_ac" @click="goto('/pages/accountDetails/running')">
        <view class="list_name">云宝</view>
        <view class="list_text dinB">{{ userinfo.user_money }}</view>
      </view>
      <!-- <view class="list flex_c flex_ac" @click="goto('/pages/accountDetails/integral')">
        <view class="list_name">批发券</view>
        <view class="list_text dinB">{{ userinfo.integral }}</view>
      </view> -->
    </view>
    <view class="con flex_r flex_ac mar_t16">
      <view class="list flex_c flex_ac" @click="goto('/pages/accountDetails/teaBaby')">
        <view class="list_name">茶宝</view>
        <view class="list_text dinB">{{ userinfo.cha_bao }}</view>
      </view>
      <view class="list flex_c flex_ac" @click="goto('/pagesB/accountDetails/TeaC')">
        <view class="list_name">TeaC</view>
        <view class="list_text dinB">{{ userinfo.teac }}</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      details: {},
      userinfo: uni.getStorageSync("userinfo"),
    };
  },
  onLoad() {},
  methods: {},
};
</script>
<style lang="scss">
// 页面配置
page {
  background-color: #f4f4f4;
}

// 页面配置-end

// 财富列表
.list2 {
  margin-bottom: 40rpx;
  width: 180rpx;
}

.list {
  width: calc(100% / 3);
}

.list_name {
  font-size: 26rpx;
  color: #404040;
  margin-bottom: 30rpx;
}

.con {
  width: 100%;
  overflow: hidden;
  padding: 40rpx;
  box-sizing: border-box;
  background: #fff;
}

.con2 {
  width: 100%;
  overflow: hidden;
  padding: 40rpx 40rpx 0;
  box-sizing: border-box;
  background: #fff;
}

.list_name2 {
  font-size: 26rpx;
  color: #3f3f3f;
  font-family: "SourceHanSansCN-Medium";
  margin-bottom: 30rpx;
}

.list_text {
  font-size: 30rpx;
  color: #1bbd89;
  line-height: 1;
}

.list_text2 {
  font-size: 30rpx;
  color: #fd9f33;
  font-family: "SourceHanSansCN-Medium";
  font-weight: 500;
  line-height: 1;
}

.list_text text {
  font-size: 22rpx;
  color: #1bbd89;
  font-family: "SourceHanSansCN-Medium";
  font-weight: 500;
  line-height: 1;
}

// 财富列表-end
</style>