样式调整

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

View File

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