我的页面增加账户信息

src/pages/my/index.vue

@@ -67,15 +67,52 @@
             <!-- 节点-end -->
             <!-- 账户信息 -->
             <view class="acc_info flex_r flex_jse">
-                <div class="i_num" @click="goto('/pagesB/accountDetails/ConsumptionCharge')">
-                    <p class="flex_r flex_ac flex_jc">
-                        <image src="@/static/wallet/3.png" class="ico" /><span>消费金</span></p>
-                    <p class="dinB">{{localInfo.integral}}</p>
+                <div class="flex_c flex_jse">
+                    <div class="i_num flex_c flex_as" @click="goto('/pagesB/my/shuZhiWallet')">
+                        <p class="flex_r flex_ac flex_jc">
+                            <image src="@/static/wallet/4.png" class="ico" /><span>余额</span></p>
+                        <p class="dinB">{{localInfo.property||0}}</p>
+                    </div>
+                    
+                    <div class="i_num flex_c flex_as mar_t30" @click="goto('/pagesB/accountDetails/ConsumptionCharge')">
+                        <p class="flex_r flex_ac flex_jc">
+                            <image src="@/static/wallet/3.png" class="ico" /><span>消费金</span></p>
+                        <p class="dinB">{{localInfo.integral||0}}</p>
+                    </div>
                 </div>
-                <div class="i_num" @click="goto('/pagesB/my/shuZhiWallet')">
-                    <p class="flex_r flex_ac flex_jc">
-                        <image src="@/static/wallet/4.png" class="ico" /><span>余额</span></p>
-                    <p class="dinB">{{localInfo.property}}</p>
+                <div class="flex_c flex_jse">
+                    <div class="i_num flex_c flex_ae" @click="goto('/pages/accountDetails/teaBaby')">
+                        <p class="flex_r flex_ac flex_jc">
+                            <image src="@/static/wallet/6.png" class="ico" /><span>茶宝</span></p>
+                        <p class="dinB">{{userinfo.cha_bao||0}}</p>
+                    </div>
+                    <div class="i_num flex_c flex_ae mar_t30">
+                        <p class="flex_r flex_ac flex_jc">
+                            <image src="@/static/wallet/5.png" class="ico" /><span>原始股</span></p>
+                        <p class="dinB">{{localInfo.original_equity || 0}}</p>
+                    </div>
+                </div>
+            </view>
+            <view class="acc_info_next flex_r flex_jb mar_t16">
+                <div class="acc_info_next_item" @click="goto('/pagesB/accountDetails/TeaC')">
+                    <div class="flex_r flex_ac flex_jc">
+                        <image src="@/static/wallet/9.png" class="ico" />
+                        <span>TeaC</span>
+                    </div>
+                    <div class="acc_info_next_item_bottom dinB  flex_r flex_ac flex_jb">
+                        <span>{{userinfo.teac}}</span>
+                        <span>≈{{teacCountCny||0}}CNY</span>
+                    </div>
+                </div>
+                <div class="acc_info_next_item">
+                    <div class="flex_r flex_ac flex_jc">
+                        <image src="@/static/wallet/10.png" class="ico" />
+                        <span>数字茶权</span>
+                    </div>
+                    <!-- <div class="acc_info_next_bottom flex_r flex_ac flex_jb">
+                        <span>1</span>
+                        <span>≈3000CNY</span>
+                    </div> -->
                 </div>
             </view>
             <!-- 账户信息-end -->
@@ -247,6 +284,7 @@ export default {
             }, //数智生活信息
             merchantSetlet: {},
             isBusinessCenter: false,
+            teacCountCny: 0
         };
     },
     onLoad(options) {
@@ -318,6 +356,7 @@ export default {
             } else this.login();
             this.localInfo = await uni.Luserfun()
             this.merchantSet();
+            this.getTeacCountCny()
         },
         // 跳转到实名页面
         goToAutonym() {
@@ -370,6 +409,14 @@ export default {
                     return ""
             }
         },
+        // teaC价值
+        getTeacCountCny(){
+            post("v1/getTeacCountCny").then((res) => {
+                if (res.code === 0) {
+                    this.teacCountCny = Math.floor(Number(res.data.data) * Number(this.userinfo.teac))
+                }
+            });
+        },
         // 商家中心权限
         merchantSet(){
             post("v1/merchant/settled").then((res) => {
@@ -557,7 +604,7 @@ page {
 .acc_info {
     width: 100%;
     overflow: hidden;
-    background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/CloudShop/head_pic/7748b9c0380c76907a8a5ba82514f496f9ce55e5png");
+    background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/img/31.png");
     background-size: 100% 100%;
     border-radius: 16rpx;
     padding: 36rpx 0;
@@ -566,7 +613,7 @@ page {
 
     .i_num {
         text-align: center;
-        font-size: 34rpx;
+        font-size: 32rpx;
 
         p {
             color: #BE7329;
@@ -584,6 +631,33 @@ page {
         }
     }
 }
+.acc_info_next{
+    &_item{
+        width: 49%;
+        color: #276727;
+        font-weight: 550;
+        box-sizing: border-box;
+        padding: 20rpx;
+        background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/img/11.png");
+        background-size: 100% 100%;
+        .ico {
+            width: 42rpx;
+            height: 42rpx;
+            margin-right: 12rpx;
+        }
+
+        &_bottom{
+            font-size: 30rpx;
+            font-weight: 600;
+            padding-top: 20rpx;
+        }
+    }
+    &_item:last-child{
+        color: #003C6B;
+        background: url("http://teaclub.oss-cn-chengdu.aliyuncs.com/img/12.png");
+        background-size: 100% 100%;
+    }
+}
 
 // 账户信息-end
 

src/pagesB/accountDetails/ConsumptionCharge.vue

@@ -72,6 +72,7 @@ export default {
     border-radius: 12rpx;
     background-color: #fff;
     margin-left: 32rpx;
+    margin-top: 32rpx;
     .li{
         padding: 22rpx 30rpx;
         border-bottom: 1px solid rgba($color: #d3aa79, $alpha: 0.3);