样式调整

This commit is contained in:
kbing1981 2024-06-28 10:45:52 +08:00
parent b8195f3910
commit ac0206d5de
2 changed files with 43 additions and 41 deletions

View File

@ -2,22 +2,22 @@
<view class="content">
<view class="header">
<view class="header-top">
<view class="header-top-left">
<view class="header-top-left" style="margin-top: -10px;">
<image src="../../static/index/dangqian1.png" mode=""></image>
<span class="header-text" style="margin-right: 5px;">当前周期</span>
<span class="header-text">{{startTime}}~{{endTime}}</span>
<span class="header-text">当前周期</span>
<span class="header-text" style="font-size: 16px;">{{startTime}}~{{endTime}}</span>
</view>
<view class="header-top-btn" @click="wangqi">往期收益</view>
<view class="header-top-btn" @click="wangqi" style="font-size: 14px; margin-top: -8px;">往期收益</view>
</view>
<view class="header-bottom">
<view class="header-bottom" style="margin-bottom: 40rpx;">
<view class="header-bottom-money">{{shouyiMoeny}}</view>
<view class="header-text">当前收益</view>
<view class="header-text" style="font-size: 14px; margin-top: -5px;">当前收益</view>
</view>
</view>
<!-- 性别选择 -->
<u-action-sheet :list="wqlistData" v-model="wqsyshow" @click="wqlistCallback"></u-action-sheet>
<t-refresh class="mian" ref="refresh" v-if="listData.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0">
<template slot="content">
<t-refresh class="mian" ref="refresh" v-if="listData.length>0" @refresh="refresh" @loadMore="loadMore" :loadingType="loadingType" :tPadding="0" >
<template slot="content" >
<view class="mian-view" v-for="(item,index) in listData" :key="index" @click="goOder(item)">
<view class="mian-head">
<view class="mian-head-biao">{{item.status=='3'?'已完成':'待评价'}}</view>
@ -320,16 +320,16 @@
height: 49rpx;
line-height: 49rpx;
text-align: center;
font-size: 21rpx;
font-size: 26rpx;
color: #333333;
background: #FFFFFF;
border-radius: 24rpx;
}
.header-text{
font-weight: 400;
font-size: 22rpx;
font-size: 28rpx;
color: #FFFFFF;
margin-top: 2px;
margin-right: 8rpx;
}
.header-top-left image{
width: 24.31rpx;
@ -352,7 +352,7 @@
width: 100%;
height: 300rpx;
padding: 15px;
background-image: url('../../static/index/fun_banner4.png');
background:#fff url('../../static/index/fun_banner4.png');
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;

View File

@ -11,7 +11,7 @@
</view>
<view class="header-top-btn" @click="wangqi">往期积分</view>
</view>
<view class="header-bottom">
<view class="header-bottom" style="margin-bottom: 40rpx;">
<view class="header-bottom-money">{{sumJf}}<text style="font-size: 23rpx;font-weight: 400;"></text> </view>
<view class="header-text">当前积分</view>
</view>
@ -77,22 +77,22 @@
<view class="view-title">
<view class="view-title-left">
<span class="view-title-left-shuxian"></span>
<span class="view-title-left-text">时长积分: <text class="view-num">{{zxscjf}}</text>(在线时长10分钟可获取1积分)</span>
<span class="view-title-left-text ">时长积分: <text class="view-num">{{zxscjf}}</text>(在线时长10分钟可获取1积分)</span>
</view>
<!-- <view class="view-title-right" @click.stop="toggle('时长积分')">更多</view> -->
</view>
<view class="mian-table">
<view class="table-view">
<span style="font-size: 22rpx;">序号</span>
<span v-for="(item , index) in zxscList">{{index+1}}</span>
<span style="font-weight: bold;">序号</span>
<span class="table-view-child" v-for="(item , index) in zxscList">{{index+1}}</span>
</view>
<view class="table-view">
<span style="font-size: 22rpx;">获取时间</span>
<span v-for="(item , index) in zxscList">{{item.jftime}}</span>
<span style="font-weight: bold;">获取时间</span>
<span class="table-view-child" v-for="(item , index) in zxscList">{{item.jftime}}</span>
</view>
<view class="table-view">
<span style="font-size: 22rpx;">获取积分</span>
<span v-for="(item , index) in zxscList">{{item.jifen}}</span>
<span style="font-weight: bold;">获取积分</span>
<span class="table-view-child" v-for="(item , index) in zxscList">{{item.jifen}}</span>
</view>
</view>
</view>
@ -107,16 +107,16 @@
</view>
<view class="mian-table">
<view class="table-view">
<span style="font-size: 22rpx;">序号</span>
<span v-for="(item , index) in czjfList">{{index+1}}</span>
<span style="font-weight: bold;">序号</span>
<span class="table-view-child" v-for="(item , index) in czjfList">{{index+1}}</span>
</view>
<view class="table-view">
<span style="font-size: 22rpx;">获取时间</span>
<span v-for="(item , index) in czjfList">{{item.jftime}}</span>
<span style="font-weight: bold;">获取时间</span>
<span class="table-view-child" v-for="(item , index) in czjfList">{{item.jftime}}</span>
</view>
<view class="table-view">
<span style="font-size: 22rpx;">获取积分</span>
<span v-for="(item , index) in czjfList">{{item.jifen}}</span>
<span style="font-weight: bold;">获取积分</span>
<span class="table-view-child" v-for="(item , index) in czjfList">{{item.jifen}}</span>
</view>
</view>
</view>
@ -332,7 +332,7 @@
<style scoped>
.tapNav-name{
font-weight: bold;
font-size: 31rpx;
font-size: 28rpx;
color: #333333;
}
@ -452,15 +452,16 @@
flex-direction: column;
}
.table-view span{
font-weight: 400;
font-size: 19rpx;
color: #666666;
font-size: 27rpx;
}
.table-view span:nth-child(1){
.table-view-bold{
font-weight: bold;
}
.table-view-child{
color: #888;
}
.table-view span{
margin-bottom: 15px;
margin-bottom: 20px;
}
.table-view{
display: flex;
@ -470,13 +471,13 @@
}
.mian-table{
width: 100%;
padding: 10px;
padding: 15px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
border-radius: 24rpx;
border-radius: 21rpx;
margin-bottom: 10px;
}
.view-num{
@ -618,7 +619,8 @@
flex-direction: column;
}
.mina{
width: 95%;
width: 94%;
margin: 0 auto;
height: 300px;
display: flex;
flex-direction: column;
@ -633,14 +635,14 @@
height: 49rpx;
line-height: 49rpx;
text-align: center;
font-size: 21rpx;
font-size: 26rpx;
color: #333333;
background: #FFFFFF;
border-radius: 24rpx;
}
.header-text{
font-weight: 400;
font-size: 22rpx;
font-size: 28rpx;
color: #FFFFFF;
}
.header-top-left image{
@ -663,9 +665,9 @@
}
.header{
width: 100%;
height: 200rpx;
padding: 15px;
background-image: url('../../static/index/fun_banner4.png');
height: 300rpx;
padding: 5px 20px;
background:#fff url('../../static/index/fun_banner4.png');
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;