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="goAccMoney">
        <view class="list_name">余额</view>
        <view class="list_text f_dinB">{{ userinfo.user_money }}</view>
      </view>
      <view class="list flex_c flex_ac" @click="goIntegral">
        <view class="list_name">批发券</view>
        <view class="list_text f_dinB">{{ userinfo.integral }}</view>
      </view>
    </view>
    <view class="con flex_r flex_ac mar_t16">
      <view class="list flex_c flex_ac" @click="goDetail">
        <view class="list_name">茶宝</view>
        <view class="list_text f_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 f_dinB">{{ userinfo.teac }}</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      details: {},
      userinfo: undefined, // 获取用户信息
    };
  },
  onLoad: function() {
    this.userinfo = uni.getStorageSync("userinfo");
  },
  methods: {
    goDetail: function(integralType, pageName) {
      uni.navigateTo({
        url: "/pages/accountDetails/teaBaby",
      });
    },
    goAccMoney: function() {
      uni.navigateTo({
        url: "/pages/accountDetails/running",
      });
    },
    goIntegral() {
      uni.navigateTo({
        url: "/pages/accountDetails/integral",
      });
    },
  },
};
</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>