<template>
|
<view class="box">
|
<view class="data">
|
<view class="hezi">
|
<view class="hezi-a">
|
<text>账户余额(元)</text>
|
<u-icon name="eye" color="#ffffff" size="16"></u-icon>
|
</view>
|
<view class="hezi-b">
|
<view class="hezi-b-price">
|
<text>{{(countData.surplusIntegral || 0).toFixed(2)}}</text>
|
<text></text>
|
</view>
|
<view class="hezi-b-btn">提现</view>
|
</view>
|
<view class="hezi-c">
|
<view class="hezi-c-item">
|
<text class="hezi-c-item-title">待结算(元)</text>
|
<view class="hezi-c-item-price">
|
<text>{{(countData.waitPayAmount || 0).toFixed(2)}}</text>
|
<text></text>
|
</view>
|
</view>
|
<view class="hezi-c-item">
|
<text class="hezi-c-item-title">累计提现(元)</text>
|
<view class="hezi-c-item-price">
|
<text>{{(countData.withdrawAmount || 0).toFixed(2)}}</text>
|
<text></text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="tx">
|
提现中：¥{{(countData.withdrawIngAmount || 0).toFixed(2)}}
|
</view>
|
</view>
|
<view class="sele" :style="'width:'+wordsWidth+'rpx;'" @click="openShow()">
|
<text>{{words}}</text>
|
<u-icon name="arrow-down" color="#222222" size="16"></u-icon>
|
</view>
|
<view class="box-list">
|
<view class="item">
|
<view class="item-date">
|
<view class="item-date-top" @click="openShow1()">
|
<!-- <template>
|
<picker mode="date" :value="dateStr" @change="onDateChange">
|
<view style="display: flex;align-items: center;">
|
<text class="picker">{{ dateStr }}</text>
|
<image src="/static/icon/ic_open@2x.png" mode="widthFix"></image>
|
</view>
|
</picker>
|
</template> -->
|
<text v-if="dateType == 0">{{year}}年{{month}}月</text>
|
<text v-if="dateType == 1">{{startDate +' '}}至{{' '+endDate}}</text>
|
<image src="/static/icon/ic_open@2x.png" mode="widthFix"></image>
|
</view>
|
<view class="item-date-bottom">
|
<text>收入：¥{{(countDataList.inAmount || 0).toFixed(2)}}</text>
|
<text>支出：¥{{(countDataList.outAmount || 0).toFixed(2)}}</text>
|
</view>
|
</view>
|
<view class="item-list">
|
<view class="item-list-item" v-for="(item, index) in dataList" :key="index">
|
<view class="image">
|
<image v-if="item.objType === 16" src="/pagesA/static/ic_shouru@2x.png" mode="widthFix"></image>
|
<image v-if="item.objType === 17" src="/pagesA/static/ic_tixian@2x.png" mode="widthFix"></image>
|
<image v-if="item.objType === 19 || item.objType === 25" src="/pagesA/static/ic_tuikuan@2x.png" mode="widthFix"></image>
|
</view>
|
<view class="info">
|
<view class="info">
|
<view class="info-a">
|
<view class="info-a-label">{{item.title || 0}}</view>
|
<view class="info-a-price">
|
<text>{{item.type==1?'-':'+'}}{{(item.num ||0).toFixed(2)}}</text>
|
<text></text>
|
</view>
|
</view>
|
<view class="info-b">
|
<text v-if="item.objType === 16 ||item.objType === 25 ">订单号：{{item.orderCode || ''}}</text>
|
<text v-if="item.objType === 17 ||item.objType === 19 ">提现流水号：{{item.orderCode || ''}}</text>
|
<template v-if="item.objType === 17 ">
|
<text style="color: #999999;" v-if="item.withdrawStatus == 2">未通过</text>
|
<text style="color: #004096;" v-else-if="item.withdrawStatus == 1">已通过</text>
|
<text style="color: red;" v-else>审批中</text>
|
</template>
|
</view>
|
<view class="info-b">
|
<text>{{item.createDate || ''}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view v-if="!hasNext" class="nomore">已加载全部</view>
|
</view>
|
</view>
|
</view>
|
<!-- 筛选 -->
|
<u-popup :show="show" mode="bottom" :safeAreaInsetBottom="false" round="15" :closeable="true" @close="show = false">
|
<view class="sear">
|
<view class="sear-title">筛选</view>
|
<view class="sear-item">
|
<view class="sear-item-label">收支类型</view>
|
<view class="sear-item-list">
|
<view @click="checkActive(0)" :class="tempActive == 0?'sear-item-list-item active':'sear-item-list-item'">全部</view>
|
<view @click="checkActive(1)" :class="tempActive == 1?'sear-item-list-item active':'sear-item-list-item'">收入</view>
|
<view @click="checkActive(2)" :class="tempActive == 2?'sear-item-list-item active':'sear-item-list-item'">支出</view>
|
<view style="width: 216rpx; height: 0;"></view>
|
</view>
|
</view>
|
<view class="sear-item">
|
<view class="sear-item-label">交易类型</view>
|
<view class="sear-item-list">
|
<view @click="checkType(0)" :class="tempType == 0?'sear-item-list-item active':'sear-item-list-item'">全部</view>
|
<view @click="checkType(1)" :class="tempType == 1?'sear-item-list-item active':'sear-item-list-item'">订单结算</view>
|
<view @click="checkType(2)" :class="tempType == 2?'sear-item-list-item active':'sear-item-list-item'">提现</view>
|
<view @click="checkType(3)" :class="tempType == 3?'sear-item-list-item active':'sear-item-list-item'">订单结算退回</view>
|
<view @click="checkType(4)" :class="tempType == 4?'sear-item-list-item active':'sear-item-list-item'">提现退回</view>
|
<view style="width: 216rpx; height: 0;"></view>
|
</view>
|
</view>
|
<view class="sear-footer">
|
<view class="sear-footer-btn1" @click="comfirm(false)">重置</view>
|
<view class="sear-footer-btn2" @click="comfirm(true)">确认</view>
|
</view>
|
</view>
|
</u-popup>
|
<u-popup :show="show1" mode="bottom" :safeAreaInsetBottom="false" round="15" @close="comfirmDate(false)">
|
<view class="sear" style="min-height: 500rpx;">
|
<view class="sear-item" style="margin-top:10px">
|
<view class="sear-item-list">
|
<view @click="checkDateType(0)" :class="tempDateType == 0?'sear-item-list-item1 active1':'sear-item-list-item1'">选择年月</view>
|
<view @click="checkDateType(1)" :class="tempDateType == 1?'sear-item-list-item1 active1':'sear-item-list-item1'">选择时间段</view>
|
<view style="width: 216rpx; height: 0;"></view>
|
</view>
|
</view>
|
<picker-view v-if="tempDateType==0" :indicator-style="indicatorStyle" :value="dateValue" @change="bindChange" class="picker-view">
|
<picker-view-column>
|
<view class="picker-item" v-for="(item,index) in years" :key="index">{{item}}年</view>
|
</picker-view-column>
|
<picker-view-column>
|
<view class="picker-item" v-for="(item,index) in months" :key="index">{{item}}月</view>
|
</picker-view-column>
|
</picker-view>
|
<template v-if="tempDateType==1">
|
<view style="display: flex;justify-items: center;align-items: flex-end;text-align: center;">
|
<view style="display: flex;flex-direction: column;text-align: center;width: 300rpx;">
|
<view class="picker3" >开始时间</view>
|
<picker :value="tempStartDate" @change="bindChange1" mode="date" >
|
<view class="picker2">
|
{{ tempStartDate }}
|
</view>
|
</picker>
|
</view>
|
<view style="width: 50rpx;">
|
<view class="picker3"></view>
|
<view class="picker3">止</view>
|
</view>
|
<view style="display: flex;flex-direction: column;text-align: center;width: 300rpx;">
|
<view class="picker3">结束时间</view>
|
<picker :value="tempEndDate" @change="bindChange2" mode="date">
|
<view class="picker2">
|
{{ tempEndDate }}
|
</view>
|
</picker>
|
</view>
|
</view>
|
</template>
|
<view class="sear-footer">
|
<view class="sear-footer-btn1" @click="comfirmDate(false)">重置</view>
|
<view class="sear-footer-btn2" @click="comfirmDate(true)">确认</view>
|
</view>
|
</view>
|
</u-popup>
|
</view>
|
</template>
|
|
<script>
|
import { mapState } from 'vuex'
|
export default {
|
computed: {
|
...mapState(['navHeight', 'statusbarHeight','shopInfo', 'shopToken'])
|
},
|
data() {
|
return {
|
currentPage:1,
|
total:0,
|
active:0,
|
wordsWidth:250,
|
tempActive :0,
|
type:0,
|
words:'全部',
|
dateStr:'2026-02',
|
tempType :0,
|
dateType :0,
|
tempDateType:0,
|
dataList:[],
|
startDate:null,
|
endDate:null,
|
tempStartDate:null,
|
tempEndDate:null,
|
countData:{},
|
countDataList:{},
|
hasNext:true,
|
show: false,
|
show1:false,
|
years:[],
|
year:null,
|
tempYear:null,
|
months:null,
|
month:null,
|
tempMonth:null,
|
dateValue: null,
|
visible: true,
|
indicatorStyle: `height: 50px;`,
|
shop:{}
|
};
|
},
|
onReachBottom(){
|
this.getDataList( );
|
},
|
onShow() {
|
this.shop ={}
|
this.active=0
|
this.wordsWidth=250
|
this.words='全部'
|
this.tempActive=0
|
this.tempDateType=0
|
this.dateType=0
|
this.countData={}
|
this.countDataList={}
|
this.show=false
|
this.checkShopLogin()
|
this.initDateStr()
|
this.shop = this.shopInfo || {}
|
this.getCountData()
|
this.getFirstPageData()
|
},
|
methods:{
|
comfirmDate(flag){
|
if(flag){
|
if(new Date(this.tempEndDate+" 00:00:00").getTime() < new Date(this.tempStartDate+" 00:00:00").getTime()){
|
return uni.showToast({
|
title:'日期范围不正确',
|
icon:'error'
|
})
|
}
|
this.dateType =this.tempDateType
|
this.year = this.tempYear
|
this.month = this.tempMonth
|
this.startDate =this.tempStartDate
|
this.endDate =this.tempEndDate
|
this.show1=false
|
this.getFirstPageData()
|
}else{
|
this.initDateStr()
|
this.tempDateType = this.dateType
|
this.tempYear = this.year
|
this.tempMonth = this.month
|
this.tempStartDate = this.startDate
|
this.tempEndDate = this.endDate
|
this.show1=false
|
}
|
},
|
checkDateType(index){
|
console.log('33333',this.dateValue)
|
this.tempDateType =index
|
},
|
bindChange (e) {
|
const val = e.detail.value
|
this.tempYear = this.years[val[0]]
|
this.tempMonth = this.months[val[1]]
|
console.log( e.detail.value)
|
|
},
|
bindChange1 (e) {
|
this.tempStartDate = e.detail.value
|
},
|
bindChange2 (e) {
|
this.tempEndDate= e.detail.value
|
},
|
formattedDateTime(currentDate) {
|
const year = currentDate.getFullYear();
|
const month = (currentDate.getMonth() + 1).toString().padStart(2, '0'); // 月份从 0 开始，需要加 1，并补齐两位
|
const day = currentDate.getDate().toString().padStart(2, '0'); // 补齐两位
|
const formattedDate = `${year}-${month}-${day}`;
|
console.log(formattedDate); // 输出格式化后的日期，例如 "2023-10-24"
|
return formattedDate;
|
},
|
initDateStr(){
|
this.dateType = 0
|
const date = new Date()
|
this.dateValue=[0,0]
|
this.startDate = this.formattedDateTime(date)
|
this.endDate = this.formattedDateTime(date)
|
this.years = []
|
this.year = date.getFullYear()
|
this. months = []
|
this. month = date.getMonth() + 1
|
for (let i =date.getFullYear(); i >= 1990; i--) {
|
this.years.push(i)
|
}
|
for (let i = 1; i <= 12; i++) {
|
this.months.push(i)
|
}
|
this.tempDateType = this.dateType
|
this.tempYear = this.year
|
this.tempMonth = this.month
|
this.tempStartDate = this.startDate
|
this.tempEndDate = this.endDate
|
// this.dateValue =[this.years.length -Number(this.tempYear )+1989, Number(this.tempMonth) - 1]
|
},
|
openShow1(){
|
this.dateValue[0]=[this.years.length -Number(this.year )+1989, ]
|
this.dateValue[1]=Number(this.month) - 1
|
this.tempDateType = this.dateType
|
this.tempYear = this.year
|
this.tempMonth = this.month
|
this.tempStartDate = this.startDate
|
this.tempEndDate = this.endDate
|
this.show1=true
|
},
|
openShow(){
|
this.tempActive =this.active
|
this.tempType =this.type
|
this.show=true
|
},
|
comfirm(flag){
|
if(flag){
|
this.active =this.tempActive
|
this.type =this.tempType
|
this.show=false
|
this.wordsWidth =250
|
if(this.active ===0 && this.type ===0){
|
this.words='全部'
|
}else {
|
let t1 = this.active === 1?'收入 ':(this.active === 2?'支出 ':'');
|
let t2 = this.type === 1?'订单结算':( this.type === 2?'提现':( this.type === 3?'订单结算退回': (this.type === 4?'提现退回': '')))
|
if(t1!='' && t2!=''){
|
this.wordsWidth=350
|
}
|
this.words = t1+t2
|
}
|
this.getFirstPageData()
|
}else{
|
// this.tempActive =this.active
|
// this.tempType =this.type
|
this.tempActive = 0
|
this.tempType =0
|
}
|
},
|
checkActive(index){
|
this.tempActive =index
|
},
|
checkType(index){
|
this.tempType =index
|
},
|
async getCountData(){
|
var that =this
|
let res = await that.$u.api.getIntegralData({ userType:2, tokenType:1 })
|
if (res.code === 200) {
|
this.countData = res.data
|
}
|
},
|
getFirstPageData(){
|
this.currentPage = 0
|
this.hasNext=true
|
this.total=0
|
this.dataList=[]
|
this.getDataList()
|
},
|
async getDataList(){
|
if(this.loading || !this.hasNext){
|
return
|
}
|
this.loading=true
|
this.currentPage = this.currentPage+1
|
if(this.currentPage == 1){
|
this.hasNext =true
|
this.dataList=[]
|
}
|
var that =this
|
let sDate = null
|
let eDate = null
|
if(this.dateType == 0){
|
let td = new Date(this.year+'-'+this.month+'-'+'01 00:00:00')
|
sDate = this.formattedDateTime(td)
|
td.setMonth(td.getMonth() + 1);
|
td.setDate(0); // 这会将日期设置为上一个月的最后一天
|
eDate= this.formattedDateTime(td)
|
}else{
|
sDate = this.startDate
|
eDate =this.endDate
|
}
|
let res = await that.$u.api.findIntegralRecordPage({
|
capacity:10,
|
model: {
|
startDate:sDate,
|
endDate:eDate,
|
type: this.active === 1?0:(this.active===2?1:''),
|
objType: this.type === 1?16:( this.type === 2?17:( this.type === 3?25: (this.type === 4?19: ''))),
|
userType: 2
|
},
|
page:this.currentPage
|
});
|
console.log(res)
|
if (res.code === 200 ) {
|
if ( res.data && res.data.page ===this.currentPage) {
|
res.data.records = res.data.records||[]
|
that.dataList.push(...res.data.records)
|
that.total=res.data.total
|
if(that.currentPage ==1){
|
that.countDataList = res.data.countData || {}
|
}
|
if( this.currentPage >= res.data.pageCount||0){
|
that.hasNext=false
|
}else{
|
that.hasNext=true
|
}
|
}
|
}
|
this.loading=false
|
},
|
checkShopLogin(){
|
var that =this
|
if( this.shopInfo ==null || this.shopInfo.id==null || this.shopToken==null || this.shopToken==''){
|
uni.navigateTo({
|
url: '/pages/login/login'
|
})
|
}
|
} ,
|
jumpBack(){
|
uni.navigateBack({ delta: 1 });
|
},
|
}
|
}
|
</script>
|
|
<style>
|
page {
|
background-color: #F9F9FB;
|
}
|
.picker-view {
|
width: 750rpx;
|
height: 600rpx;
|
margin-top: 20rpx;
|
}
|
.picker-item {
|
line-height: 72rpx;
|
text-align: center;
|
}
|
.picker2{
|
line-height: 72rpx;
|
text-align: center;
|
background: #F7F7F7;
|
border-radius: 8rpx;
|
font-weight: 400;
|
font-size: 28rpx;
|
background: rgba(0,64,150,0.1) !important;
|
color: #004096 !important;
|
}
|
.picker3{
|
line-height: 72rpx;
|
text-align: center;
|
border-radius: 8rpx;
|
font-weight: 400;
|
font-size: 28rpx;
|
color: #333333;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.box {
|
width: 100%;
|
.sear {
|
width: 100%;
|
padding: 30rpx;
|
box-sizing: border-box;
|
.sear-title {
|
width: 100%;
|
text-align: center;
|
font-weight: 500;
|
font-size: 32rpx;
|
color: #111111;
|
}
|
.sear-item {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
margin-top: 48rpx;
|
.sear-item-label {
|
font-weight: 500;
|
font-size: 32rpx;
|
color: #111111;
|
}
|
.sear-item-list {
|
margin-top: 30rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
.active {
|
background: rgba(0,64,150,0.1) !important;
|
color: #004096 !important;
|
}
|
.active1 {
|
border-bottom: 2rpx solid #004096 !important;
|
color: #004096 !important;
|
}
|
.sear-item-list-item {
|
width: 216rpx;
|
height: 72rpx;
|
line-height: 72rpx;
|
text-align: center;
|
background: #F7F7F7;
|
border-radius: 8rpx;
|
font-weight: 400;
|
font-size: 28rpx;
|
color: #333333;
|
margin-bottom: 20rpx;
|
}
|
.sear-item-list-item1 {
|
width: 216rpx;
|
height: 72rpx;
|
line-height: 72rpx;
|
text-align: center;
|
font-weight: 400;
|
font-size: 28rpx;
|
color: #333333;
|
margin-bottom: 20rpx;
|
}
|
}
|
}
|
.sear-footer {
|
width: 100%;
|
height: 88rpx;
|
margin-top: 80rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.sear-footer-btn1 {
|
width: 334rpx;
|
height: 88rpx;
|
line-height: 88rpx;
|
text-align: center;
|
background: #E5E5E5;
|
border-radius: 44rpx;
|
font-weight: 500;
|
font-size: 32rpx;
|
color: #333333;
|
}
|
.sear-footer-btn2 {
|
width: 334rpx;
|
height: 88rpx;
|
line-height: 88rpx;
|
text-align: center;
|
background: #004096;
|
border-radius: 44rpx;
|
font-weight: 500;
|
font-size: 32rpx;
|
color: #FFFFFF;
|
}
|
}
|
}
|
.box-list {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
.item {
|
width: 100%;
|
.item-date {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
padding: 30rpx;
|
box-sizing: border-box;
|
.item-date-top {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
image {
|
width: 26rpx;
|
height: 26rpx;
|
margin-left: 12rpx;
|
}
|
text {
|
font-weight: 600;
|
font-size: 32rpx;
|
color: #222222;
|
}
|
}
|
.item-date-bottom {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
margin-top: 20rpx;
|
text {
|
font-weight: 400;
|
font-size: 26rpx;
|
color: #777777;
|
&:nth-child(2) {
|
margin-left: 62rpx;
|
}
|
}
|
}
|
}
|
.item-list {
|
width: 100%;
|
display: flex;
|
flex-direction: column;
|
padding: 0 30rpx;
|
box-sizing: border-box;
|
background-color: #ffffff;
|
.item-list-item {
|
width: 100%;
|
padding: 30rpx 0;
|
box-sizing: border-box;
|
border-bottom: 1rpx solid #E5E5E5;
|
display: flex;
|
align-items: flex-start;
|
justify-content: center;
|
.image {
|
flex-shrink: 0;
|
width: 72rpx;
|
height: 72rpx;
|
border-radius: 50%;
|
overflow: hidden;
|
margin-right: 20rpx;
|
image {
|
width: 100%;
|
}
|
}
|
.info {
|
flex: 1;
|
display: flex;
|
flex-direction: column;
|
.info-a {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.info-a-label {
|
font-weight: 500;
|
font-size: 30rpx;
|
color: #222222;
|
}
|
.info-a-price {
|
display: flex;
|
align-items: baseline;
|
text {
|
|
font-weight: 600;
|
font-size: 32rpx;
|
color: #222222;
|
|
}
|
}
|
}
|
.info-b {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-top: 12rpx;
|
text {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: #999999;
|
}
|
}
|
}
|
}
|
}
|
}
|
}
|
.sele {
|
width: 200rpx;
|
height: 64rpx;
|
padding: 0 24rpx;
|
box-sizing: border-box;
|
background: #FFFFFF;
|
border-radius: 32rpx;
|
border: 1rpx solid #EEEEEE;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-left: 30rpx;
|
text {
|
width: auto;
|
font-weight: 400;
|
font-size: 26rpx;
|
color: #333333;
|
}
|
}
|
.data {
|
width: 100%;
|
padding: 20rpx 30rpx;
|
box-sizing: border-box;
|
.hezi {
|
width: 100%;
|
height: 304rpx;
|
padding: 30rpx;
|
box-sizing: border-box;
|
background: #004096;
|
border-radius: 16rpx;
|
.hezi-a {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
text {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: rgba(255,255,255,0.7);
|
margin-right: 20rpx;
|
}
|
}
|
.hezi-b {
|
width: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
margin-top: 14rpx;
|
.hezi-b-price {
|
display: flex;
|
align-items: baseline;
|
text {
|
&:nth-child(1) {
|
font-weight: 600;
|
font-size: 44rpx;
|
color: #FFFFFF;
|
}
|
&:nth-child(2) {
|
font-weight: 600;
|
font-size: 26rpx;
|
color: #FFFFFF;
|
}
|
}
|
}
|
.hezi-b-btn {
|
width: 100rpx;
|
height: 52rpx;
|
line-height: 52rpx;
|
text-align: center;
|
background: #FFFFFF;
|
border-radius: 26rpx;
|
font-weight: 500;
|
font-size: 26rpx;
|
color: #004096;
|
}
|
}
|
.hezi-c {
|
width: 100%;
|
height: 138rpx;
|
margin-top: 24rpx;
|
display: flex;
|
align-items: center;
|
border-top: 1rpx solid rgba(255,255,255,0.09);
|
.hezi-c-item {
|
flex: 1;
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
justify-content: center;
|
&:first-child {
|
border-right: 1rpx solid rgba(255,255,255,0.09);
|
}
|
.hezi-c-item-title {
|
font-weight: 400;
|
font-size: 24rpx;
|
color: rgba(255,255,255,0.7);
|
}
|
.hezi-c-item-price {
|
display: flex;
|
align-items: baseline;
|
margin-top: 8rpx;
|
text {
|
&:nth-child(1) {
|
font-weight: 600;
|
font-size: 30rpx;
|
color: #FFFFFF;
|
}
|
&:nth-child(2) {
|
font-weight: 600;
|
font-size: 26rpx;
|
color: #FFFFFF;
|
}
|
}
|
}
|
}
|
}
|
}
|
.tx {
|
width: 100%;
|
height: 104rpx;
|
background: rgba(0,64,150,0.12);
|
border-radius: 16rpx;
|
position: relative;
|
top: -20rpx;
|
font-weight: 400;
|
font-size: 26rpx;
|
color: #004096;
|
padding: 40rpx 30rpx 0 30rpx;
|
box-sizing: border-box;
|
}
|
}
|
}
|
</style>
|
