修复:修复样式、及字体大小

This commit is contained in:
2025-12-02 16:22:50 +08:00
parent 35e27753b8
commit 98738a494f
3 changed files with 52 additions and 41 deletions

View File

@@ -1,5 +1,6 @@
<template> <template>
<z-paging ref="paging" v-model="bookList" auto-show-back-to-top class="my-book-page" @query="pointsList" :default-page-size="10"> <z-paging ref="paging" v-model="bookList" auto-show-back-to-top class="my-book-page" @query="pointsList"
:default-page-size="10">
<template #top> <template #top>
<!-- 自定义导航栏 --> <!-- 自定义导航栏 -->
<nav-bar :title="$t('user.consumptionRecord')"></nav-bar> <nav-bar :title="$t('user.consumptionRecord')"></nav-bar>
@@ -11,9 +12,12 @@
</view> </view>
<view class="title">{{$t('order.pointsRecord')}}</view> <view class="title">{{$t('order.pointsRecord')}}</view>
<view class="recharge-record-block" v-for="(item, index) in bookList" :key="index"> <view class="recharge-record-block" v-for="(item, index) in bookList" :key="index">
<view class="recharge-record-block-row">{{item.remark.slice(0, (item.remark.indexOf(',')))}}<text :class="item.actType === 1 ? 'text1' : 'text2'" >{{item.actType === 1 ? '' : '+'}}{{item.changeAmount}}</text></view> <view class="recharge-record-block-row">{{item.remark.slice(0, (item.remark.indexOf('')))}}<text
:class="item.actType === 1 ? 'text1' : 'text2'">{{item.actType === 1 ? '' : '+'}}{{item.changeAmount}}</text>
</view>
<view class="time">{{item.createTime}}</view> <view class="time">{{item.createTime}}</view>
<view style="font-size: 20rpx;">{{item.remark.slice((item.remark.indexOf(','))+1)}}</view> <view style="font-size: 24rpx;">{{item.remark.slice((item.remark.indexOf(','))+1)}}<wd-icon name="file-copy"
size="14px" color="#65A1FA" style="margin-left: 10rpx;" @click="copyToClipboard()"></wd-icon></view>
</view> </view>
</view> </view>
</z-paging> </z-paging>
@@ -24,6 +28,7 @@
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
import { getPointsData } from '@/api/modules/user' import { getPointsData } from '@/api/modules/user'
import { copyToClipboard } from '@/utils/index'
const { t } = useI18n() const { t } = useI18n()
const paging = ref<any>() const paging = ref<any>()
@@ -82,7 +87,9 @@
color: #fff; color: #fff;
padding: 20rpx; padding: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
display: flex;justify-content:space-between;align-items:center display: flex;
justify-content: space-between;
align-items: center
} }
.title { .title {
@@ -98,7 +105,7 @@
padding: 20rpx; padding: 20rpx;
.time { .time {
font-size: 20rpx; font-size: 24rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
@@ -110,6 +117,7 @@
.text1 { .text1 {
color: #ff0000; color: #ff0000;
} }
.text2 { .text2 {
color: #228B22; color: #228B22;
} }
@@ -117,6 +125,7 @@
} }
} }
} }
.empty-state { .empty-state {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -136,5 +145,4 @@
margin-bottom: 50rpx; margin-bottom: 50rpx;
} }
} }
</style> </style>

View File

@@ -424,13 +424,13 @@
} }
.recharge-button { .recharge-button {
width: 100%; width: 60%;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
background-color: #007bff; background-color: #007bff;
color: #ffffff; color: #ffffff;
font-size: 18rpx; font-size: 30rpx;
border-radius: 25rpx; border-radius: 30rpx;
border: none; border: none;
} }
@@ -460,7 +460,7 @@
} }
.cha_fangsh { .cha_fangsh {
padding: 20rpx 20rpx 60rpx 20rpx; padding: 20rpx;
.cf_title { .cf_title {
font-size: 30rpx; font-size: 30rpx;
@@ -506,7 +506,7 @@
display: flex; display: flex;
padding: 20rpx 20rpx 160rpx 20rpx; padding: 20rpx 20rpx 160rpx 20rpx;
color: #aaa; color: #aaa;
font-size: 18rpx; font-size: 26rpx;
align-items: center; align-items: center;
.highlight { .highlight {

View File

@@ -16,7 +16,9 @@
:class="item.orderType !== '充值' ? 'text1' : 'text2'">{{item.orderType !== '充值' ? '' : '+'}}{{item.changeAmount}}</text> :class="item.orderType !== '充值' ? 'text1' : 'text2'">{{item.orderType !== '充值' ? '' : '+'}}{{item.changeAmount}}</text>
</view> </view>
<view class="recharge-record-block-row_">{{item.productName}}</view> <view class="recharge-record-block-row_">{{item.productName}}</view>
<view class="recharge-record-block-row_">{{$t('user.orderSn')}}{{item.payNo}}</view> <view class="recharge-record-block-row_">{{$t('user.orderSn')}}{{item.payNo}}<wd-icon name="file-copy"
size="14px" color="#65A1FA" style="margin-left: 10rpx;" @click="copyToClipboard()"></wd-icon>
</view>
<view class="time">{{item.createTime}}</view> <view class="time">{{item.createTime}}</view>
</view> </view>
</view> </view>
@@ -28,6 +30,7 @@
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
import { getTransactionDetailsList } from '@/api/modules/user' import { getTransactionDetailsList } from '@/api/modules/user'
import { copyToClipboard } from '@/utils/index'
const { t } = useI18n() const { t } = useI18n()
const paging = ref<any>() const paging = ref<any>()
@@ -109,7 +112,7 @@
} }
.time { .time {
font-size: 20rpx; font-size: 22rpx;
} }
.recharge-record-block-row { .recharge-record-block-row {