update

jsowell-ui/src/views/pile/merchant/components/walletSummary.vue

@@ -1,40 +1,49 @@
 <template>
     <div class="app-container">
-        <div style="display: flex; background-color: #ebebf0; padding: 10px">
+        <div style="display: flex; padding: 10px">
-            <div style="width: 25%">
+            <!-- <div style="width: 25%">
                 <h2>钱包汇总</h2>
                 <p>运营商：举视新能源</p>
                 <p>商家性质：企业</p>
-<!--                <p>开户状态：进件成功</p>-->
+               <p>开户状态：进件成功</p>
                 <p>开户行名称：中国农业银行股份有限公司</p>
                 <p>收款卡号：46456412</p>
                 <p>预留手机号：452584</p>
-            </div>
+            </div> -->
             <div class="main" style="flex: 1; align-items: baseline">
                 <div class="bord"></div>
                 <div class="card">
-                    <p>账户余额</p>
+                    <p class="center">账户余额</p>
-                    <p>{{adapayMember.acctBalance}} （元）</p>
+                    <div class="center" >
+                        <span class="number">{{adapayMember.acctBalance}}</span>
+                         （元）</div>
                     <p style="text-align: justify">
                         账户余额 = 可用余额 + 冻结余额
                     </p>
                 </div>
                 <div class="bord"></div>
                 <div class="card">
-                    <p>可用余额</p>
+                    <p class="center">可用余额</p>
-                    <p>{{adapayMember.avlBalance}} （元）</p>
+                    <div class="center">
+                        <span class="number">{{adapayMember.avlBalance}} </span>
+                        （元）</div>
                     <p>该余额大于0时，才可发起取现</p>
                 </div>
                 <div class="bord"></div>
                 <div class="card">
-                    冻结余额
+                    <p class="center">冻结余额</p>
-                    <p>{{adapayMember.frzBalance}} （元）</p>
+                    <div class="center" style="margin-top:20px"> 
+                    <span class="number">{{adapayMember.frzBalance}}</span>
+                         （元）</div>
                     <p>当配置了自动结算功能，在每日发起结算时会将可用余额转为冻结金额。该部分金额不允许取现。</p>
                 </div>
                 <div class="bord"></div>
                 <div class="card">
-                    <p>昨日日终余额</p>
+                    <p class="center">昨日日终余额</p>
-                    <p>{{adapayMember.lastAvlBalance}} （元）</p>
+                    <div class="center" style="margin-top:20px">
+                        <span class="number">{{adapayMember.lastAvlBalance}}</span>
+                        元
+                    </div>
                     <!-- <button>昨</button> -->
                 </div>
                 <div class="bord"></div>
@@ -178,6 +187,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.number{
+    color:#50bfff;font-size:20px;font-weight: bolder;
+}
+.center{
+    text-align: center;
+}
 .main {
     display: flex;
     justify-content: space-between;
@@ -189,7 +204,7 @@ export default {
     height: 60px;
     border-left: 1px solid gray;
 }
-.card {
+// .card {
-    width: 190px;
+//     width: 230px;
-}
+// }
 </style>