Browse Source

样式修改

tt0101 4 days ago
parent
commit
47f595b994
1 changed files with 29 additions and 17 deletions
  1. 29 17
      src/views/Profile.vue

+ 29 - 17
src/views/Profile.vue

@@ -10,20 +10,26 @@
           <div class="avatar">
           <div class="avatar">
             <img src="@/assets/hongqi.png" alt="红旗">
             <img src="@/assets/hongqi.png" alt="红旗">
           </div>
           </div>
-        
-          <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
-            <span class="name">{{ userInfo.nickname }}</span>
+        <div class="info-rows">
+            <div class="info-row">
+            <span class="label">账号:</span>
             <span class="value">{{ userInfo.mobile }}</span>
             <span class="value">{{ userInfo.mobile }}</span>
+            </div>
+            <div style="margin-top: 8px;">
+            <span class="label">邀请码:</span>
+            <span class="value">{{ userInfo.salt }}</span>
           </div>
           </div>
+        </div>
+          <!-- <div style="display: flex; flex-direction: column; align-items: flex-start;margin-left: 10px;color: #fff;">
+            <span class="name">{{ userInfo.nickname }}</span>
+            <span class="value">{{ userInfo.mobile }}</span>
+          </div> -->
         </div>
         </div>
         <div class="sign-btn" @click="goToSignin">
         <div class="sign-btn" @click="goToSignin">
           <img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
           <img src="@/assets/sign.png" style="width: 60px;height: 50px;" alt="签到" />
         </div>
         </div>
         </div>
         </div>
-        <!-- <div class="info-row">
-          <span class="label">邀请码</span>
-          <span class="value">{{ userInfo.salt }}</span>
-        </div> -->
+        
       </div>
       </div>
 
 
     <!-- 第二个银行卡板块 -->
     <!-- 第二个银行卡板块 -->
@@ -46,42 +52,42 @@
       <div class="profit-block">
       <div class="profit-block">
         <div class="profit-left">
         <div class="profit-left">
           <div class="profit-header">
           <div class="profit-header">
-            <span>红旗资产</span>
+            <span  class="item_label">红旗资产</span>
             <button class="profit-btn button-click-effect" @click="handleRedFlagWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handleRedFlagWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.coins }}</div>
           <div class="profit-amount">¥{{ userInfo.coins }}</div>
         </div>
         </div>
         <div class="profit-right">
         <div class="profit-right">
           <div class="profit-header">
           <div class="profit-header">
-            <span>退休补贴</span>
+            <span class="item_label">退休补贴</span>
             <button class="profit-btn button-click-effect" @click="handleRetirementWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handleRetirementWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.txbt?userInfo.txbt:0 }}</div>
           <div class="profit-amount">¥{{ userInfo.txbt?userInfo.txbt:0 }}</div>
         </div>
         </div>
         <div class="profit-left">
         <div class="profit-left">
           <div class="profit-header">
           <div class="profit-header">
-            <span>党员薪资</span>
+            <span  class="item_label">党员薪资</span>
             <button class="profit-btn button-click-effect" @click="handlePartySalaryWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handlePartySalaryWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.dyxz?userInfo.dyxz:0 }}</div>
           <div class="profit-amount">¥{{ userInfo.dyxz?userInfo.dyxz:0 }}</div>
         </div>
         </div>
         <div class="profit-right">
         <div class="profit-right">
           <div class="profit-header">
           <div class="profit-header">
-            <span>每日现金</span>
+            <span class="item_label">每日现金</span>
             <button class="profit-btn button-click-effect" @click="handleDailyCashWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handleDailyCashWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.dayred }}</div>
           <div class="profit-amount">¥{{ userInfo.dayred }}</div>
         </div>
         </div>
         <div class="profit-left">
         <div class="profit-left">
           <div class="profit-header">
           <div class="profit-header">
-            <span>医疗补贴</span>
+            <span class="item_label">医疗补贴</span>
             <button class="profit-btn button-click-effect" @click="handleMedicalWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handleMedicalWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.money }}</div>
           <div class="profit-amount">¥{{ userInfo.money }}</div>
         </div>
         </div>
         <div class="profit-right">
         <div class="profit-right">
           <div class="profit-header">
           <div class="profit-header">
-            <span>原始股权</span>
+            <span class="item_label">原始股权</span>
             <button class="profit-btn button-click-effect" @click="handleOriginalSharesWithdraw">提现</button>
             <button class="profit-btn button-click-effect" @click="handleOriginalSharesWithdraw">提现</button>
           </div>
           </div>
           <div class="profit-amount">¥{{ userInfo.guquan }}</div>
           <div class="profit-amount">¥{{ userInfo.guquan }}</div>
@@ -293,7 +299,9 @@ export default {
   top: -40px;
   top: -40px;
   left: 20px;  */
   left: 20px;  */
 }
 }
-
+.info-rows{
+  
+}
 .avatar {
 .avatar {
   width: 80px;
   width: 80px;
   height: 80px;
   height: 80px;
@@ -304,7 +312,10 @@ export default {
   justify-content: center;
   justify-content: center;
   margin-right: 15px;
   margin-right: 15px;
 }
 }
-
+.item_label{
+  color:#000;
+  font-weight:550;
+}
 .avatar img {
 .avatar img {
   width: 40px;
   width: 40px;
   height: 40px;
   height: 40px;
@@ -330,13 +341,14 @@ export default {
 }
 }
 
 
 .label {
 .label {
-  color: #666;
+  color: #fff;
+  font-size:16px;
 }
 }
 
 
 .value {
 .value {
   color: #fff;
   color: #fff;
   margin-top: 5px;
   margin-top: 5px;
-  font-size: 20px;
+  font-size:16px;
 }
 }
 
 
 .bank-card {
 .bank-card {