修改样式

This commit is contained in:
kbing1981 2024-06-27 14:02:17 +08:00
parent 30c978decb
commit 3161853ac2
2 changed files with 26 additions and 23 deletions

View File

@ -3,7 +3,7 @@
<view class="bg"> <view class="bg">
<view class="feedback-title"> <view class="feedback-title">
<text>问题和意见</text> <text>问题和意见</text>
<text @tap="chooseMsg" style="color: #096f4b;">快速键入</text> <text @tap="chooseMsg" style="color: #019c88;">快速键入</text>
</view> </view>
<view class="feedback-body"><textarea placeholder="请详细描述你的问题和意见..." v-model="sendDate.content" class="feedback-textare" /></view> <view class="feedback-body"><textarea placeholder="请详细描述你的问题和意见..." v-model="sendDate.content" class="feedback-textare" /></view>
</view> </view>
@ -184,14 +184,14 @@ page {
.feedback-submit { .feedback-submit {
background: linear-gradient(90deg, #019C88, #0FA78B, #35C495); background: linear-gradient(90deg, #019c88, #0FA78B, #35C495);
color: #FFFFFF; color: #FFFFFF;
margin: 7px 0; margin: 7px 0;
width: 100%; width: 100%;
border-radius: 24px; border-radius: 24px;
height: 37px; height: 42px;
line-height: 37px; line-height: 42px;
font-size: 14px; font-size: 16px;
text-align: center; text-align: center;
} }
</style> </style>

View File

@ -3,7 +3,7 @@
<view class="bg"> <view class="bg">
<view class="bgbox"> <view class="bgbox">
<view class="title flex align-center"> <view class="title flex align-center">
<image src="../../static/images/shuju01.png" style="width: 30upx;height: 30upx;margin-right: 10rpx;"></image> <image src="../../static/images/shuju01.png" style="width: 35upx;height: 35upx;margin-right: 15rpx;"></image>
服务数据 服务数据
</view> </view>
<view class="box" style="color: #333;"> <view class="box" style="color: #333;">
@ -28,7 +28,7 @@
<view class="bgbox"> <view class="bgbox">
<view class="flex align-center justify-between"> <view class="flex align-center justify-between">
<view class="title flex align-center"> <view class="title flex align-center">
<image src="../../static/images/shuju02.png" style="width: 30upx;height: 30upx;margin-right: 10rpx;"></image> <image src="../../static/images/shuju02.png" style="width: 35upx;height: 35upx;margin-right: 15rpx;"></image>
收益数据 收益数据
</view> </view>
<view class="flex align-center padding-left"> <view class="flex align-center padding-left">
@ -40,15 +40,15 @@
</view> </view>
</view> </view>
<view class="box2"> <view class="box2">
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 55rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{sumMoney5 ? sumMoney5 : 0}}</view> <view class="tit">{{sumMoney5 ? sumMoney5 : 0}}</view>
<view class="texast">总收益</view> <view class="texast">总收益</view>
</view> </view>
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 55rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{sumCount5}}</view> <view class="tit">{{sumCount5}}</view>
<view class="texast">总销量</view> <view class="texast">总销量</view>
</view> </view>
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 55rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{sumRefund5}}</view> <view class="tit">{{sumRefund5}}</view>
<view class="texast">退款金额</view> <view class="texast">退款金额</view>
</view> </view>
@ -57,7 +57,7 @@
<view class="bgbox"> <view class="bgbox">
<view class="flex align-center justify-between"> <view class="flex align-center justify-between">
<view class="title flex align-center"> <view class="title flex align-center">
<image src="../../static/images/shuju03.png" style="width: 30upx;height: 30upx;margin-right: 10rpx;"></image> <image src="../../static/images/shuju03.png" style="width: 35upx;height: 35upx;margin-right: 15rpx;"></image>
订单数据 订单数据
</view> </view>
<view class="flex align-center padding-left"> <view class="flex align-center padding-left">
@ -69,15 +69,15 @@
</view> </view>
</view> </view>
<view class="box2"> <view class="box2">
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 50rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{orderMoney}}</view> <view class="tit">{{orderMoney}}</view>
<view class="texast">订单收入</view> <view class="texast">订单收入</view>
</view> </view>
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 50rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{sumCount1}}</view> <view class="tit">{{sumCount1}}</view>
<view class="texast">总订单数</view> <view class="texast">总订单数</view>
</view> </view>
<view class="text-center" style="width: 32%; padding: 30rpx 40rpx 10rpx;border-radius: 10rpx;"> <view class="text-center" style="width: 32%; padding: 50rpx 40rpx 10rpx;border-radius: 10rpx;">
<view class="tit">{{sumRefund}}</view> <view class="tit">{{sumRefund}}</view>
<view class="texast">退款金额</view> <view class="texast">退款金额</view>
</view> </view>
@ -86,7 +86,7 @@
<view class="bgbox"> <view class="bgbox">
<view class="flex align-center justify-between"> <view class="flex align-center justify-between">
<view class="title flex align-center"> <view class="title flex align-center">
<image src="../../static/images/shuju04.png" style="width: 30upx;height: 30upx;margin-right: 10rpx;"></image> <image src="../../static/images/shuju04.png" style="width: 35upx;height: 35upx;margin-right: 15rpx;"></image>
用户评价 用户评价
</view> </view>
<view class="flex align-center padding-left"> <view class="flex align-center padding-left">
@ -342,10 +342,10 @@
} }
.bg { .bg {
padding: 30rpx; padding: 26rpx;
} }
.bgbox{ .bgbox{
background-color: #ffffff; background: #ffffff url(../../static/attestation5.png) no-repeat top;
border-radius: 20rpx; border-radius: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
padding: 30rpx; padding: 30rpx;
@ -355,26 +355,27 @@
color: #ffffff; color: #ffffff;
width: 74px; width: 74px;
height: 24px; height: 24px;
line-height: 24px; line-height: 25px;
text-align: center; text-align: center;
border-radius: 20px; border-radius: 20px;
margin: 0 3px; margin: 0 5px;
font-size: 24rpx; font-size: 24rpx;
} }
.good-evn { .good-evn {
/* background-color:"#00a85b"; */ /* background-color:"#00a85b"; */
width: 49%; width: 49%;
padding: 30rpx 40rpx;
border-radius: 10rpx; border-radius: 10rpx;
margin-top: 50rpx;
margin-bottom: 10rpx;
} }
.low-evn { .low-evn {
width: 49%; width: 49%;
padding: 30rpx 40rpx;
border-radius: 10rpx; border-radius: 10rpx;
margin-top: 50rpx;
} }
.title { .title {
font-size: 30rpx; font-size: 28rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
@ -383,7 +384,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
border-radius: 16rpx; border-radius: 16rpx;
padding: 30rpx 0 0 0; padding: 55rpx 0 0 0;
} }
.box2 { .box2 {
display: flex; display: flex;
@ -400,6 +401,8 @@
.texast{ .texast{
font-size: 26rpx; font-size: 26rpx;
color: #999; color: #999;
margin-top: 5rpx;
} }
.box1 { .box1 {
display: flex; display: flex;