|
|
@@ -44,24 +44,22 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="content-wrap">
|
|
|
- <view class="finance-card">
|
|
|
- <view class="finance-col" v-if="lookMoney == 1">
|
|
|
+ <view class="finance-stack">
|
|
|
+ <view class="finance-card" v-if="lookMoney == 1">
|
|
|
<view class="finance-label">账户余额（元）</view>
|
|
|
<view class="finance-amount">￥{{ moneyFormat(myInfo.balance) }}</view>
|
|
|
<view class="finance-actions">
|
|
|
- <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/shopYeChange' })">明细</view>
|
|
|
+ <view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/shopYeChange' })">变动明细</view>
|
|
|
<view class="pill-btn" @click="pageTo({ url: '/pagesStore/me/withdraw' })">提现记录</view>
|
|
|
<view class="pill-btn" @click="checkToApplyCash">提现</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
- <view class="finance-divider" v-if="lookMoney == 1"></view>
|
|
|
-
|
|
|
- <view class="finance-col cash-col" :class="{ full: lookMoney != 1 }">
|
|
|
+ <view class="finance-card">
|
|
|
<view class="finance-label">现金（元）</view>
|
|
|
<view class="finance-amount">￥{{ moneyFormat(myInfo.money) }}</view>
|
|
|
<view class="finance-actions">
|
|
|
- <view class="pill-btn" @click="pageTo({ url: '/admin/home/moneyChangeList' })">明细</view>
|
|
|
+ <view class="pill-btn" @click="pageTo({ url: '/admin/home/moneyChangeList' })">变动明细</view>
|
|
|
<view class="pill-btn" @click="outAmountFn">取出</view>
|
|
|
<view class="pill-btn" @click="inAmountFn">存入</view>
|
|
|
</view>
|
|
|
@@ -810,29 +808,19 @@ export default {
|
|
|
padding: 4upx 24upx 28upx;
|
|
|
}
|
|
|
|
|
|
-.finance-card {
|
|
|
- display: flex;
|
|
|
- align-items: stretch;
|
|
|
+.finance-stack {
|
|
|
margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.finance-card {
|
|
|
padding: 28upx 24upx;
|
|
|
border-radius: 20upx;
|
|
|
background: #fff;
|
|
|
box-shadow: 0 8upx 24upx rgba(24, 37, 30, 0.05);
|
|
|
}
|
|
|
|
|
|
-.finance-col {
|
|
|
- flex: 1;
|
|
|
- min-width: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.finance-col.full {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.finance-divider {
|
|
|
- width: 1upx;
|
|
|
- margin: 6upx 24upx 8upx;
|
|
|
- background: #edf0ef;
|
|
|
+.finance-card + .finance-card {
|
|
|
+ margin-top: 20upx;
|
|
|
}
|
|
|
|
|
|
.finance-label {
|
|
|
@@ -844,39 +832,36 @@ export default {
|
|
|
.finance-amount {
|
|
|
margin-top: 16upx;
|
|
|
color: #111416;
|
|
|
- font-size: 44upx;
|
|
|
+ font-size: 48upx;
|
|
|
line-height: 56upx;
|
|
|
font-weight: 800;
|
|
|
}
|
|
|
|
|
|
-.finance-col .finance-actions {
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.finance-col .pill-btn {
|
|
|
- min-width: 0;
|
|
|
- height: 46upx;
|
|
|
- padding: 0 12upx;
|
|
|
- margin-right: 0;
|
|
|
- margin-bottom: 0;
|
|
|
- font-size: 26upx;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
.finance-actions {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ justify-content: flex-start;
|
|
|
flex-wrap: nowrap;
|
|
|
margin-top: 22upx;
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
|
|
|
.finance-actions .pill-btn {
|
|
|
- margin-right: 0;
|
|
|
+ flex: none;
|
|
|
+ min-width: 148upx;
|
|
|
+ height: 68upx;
|
|
|
+ padding: 0 32upx;
|
|
|
+ margin-right: 20upx;
|
|
|
margin-bottom: 0;
|
|
|
+ color: #666666;
|
|
|
+ font-size: 28upx;
|
|
|
+ font-weight: 400;
|
|
|
+ white-space: nowrap;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.finance-actions .pill-btn:last-child {
|
|
|
+ margin-right: 0;
|
|
|
}
|
|
|
|
|
|
.pill-btn {
|
