Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

chore(样式调整): 所有页面统一使用<view :style="themeColor"> 这种方式

Browse Source
This commit is contained in:
ZF Sun
2025-12-31 11:14:49 +08:00
parent 921e8b79b1
commit 7a28bb7f7a
102 changed files with 3558 additions and 3632 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
pages_tool/pay/index.vue
View File

@@ -1,21 +1,22 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<scroll-view scroll-y="true" class="pay-container">
<view class="payment-amount">
<text class="amount-tit">{{ $lang('paymentAmount') }}</text>
<view class="amount-num">
{{ $lang('common.currencySymbol') }}
<text>{{ payInfo.pay_money }}</text>
<view :style="themeColor">
<scroll-view scroll-y="true" class="pay-container">
<view class="payment-amount">
<text class="amount-tit">{{ $lang('paymentAmount') }}</text>
<view class="amount-num">
{{ $lang('common.currencySymbol') }}
<text>{{ payInfo.pay_money }}</text>
</view>
<view class="payment-name">{{ payInfo.pay_body }}</view>
</view>
<view class="payment-name">{{ payInfo.pay_body }}</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</scroll-view>
</view>
</template>
<script>
<script>
export default {
components: {},
data() {
@@ -71,38 +72,45 @@ export default {
width: 100vw;
height: 100vh;
}
@mixin flex-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@mixin flex-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.payment-amount {
@include flex-column;
margin: $margin-updown $margin-both;
border-radius: 8rpx;
padding: 20rpx 0 58rpx 0;
background-color: #fff;
.amount-tit {
font-size: $font-size-base;
color: #838383;
line-height: 1;
margin-top: 44rpx;
}
.amount-num {
color: #000;
margin-top: 36rpx;
line-height: 1;
text {
font-size: $font-size-toolbar;
color: #000;
}
}
.amount-desc {
font-size: $font-size-tag;
color: #838383;
@@ -111,6 +119,7 @@ export default {
box-sizing: border-box;
text-align: center;
line-height: 1;
text {
width: 100%;
display: block;
@@ -119,6 +128,7 @@ export default {
white-space: nowrap;
}
}
.payment-name {
width: 90%;
overflow: hidden;