This commit is contained in:
kbing1981 2024-07-24 15:36:01 +08:00
parent d5e856e8e4
commit 28c469e421
2 changed files with 56 additions and 15 deletions

View File

@ -50,9 +50,10 @@
<view class="item-view">
<view class="view-cata">
<view class="item-view-title">{{item.title}}</view>
<view class="xiaoer item-view-biao">{{item.classifyName}}</view>
</view>
<view class="flex" style="margin-top: 10rpx;">
<view class="xiaoer item-view-biao">{{item.classifyName}}</view>
<view class="shop_label" v-if="tagsData">
<span v-for="tag in tagsData" :key="tag">{{tag}}</span>
</view>
@ -337,6 +338,8 @@
border-radius: 10rpx 3rpx 10rpx 3rpx;
font-size: 22rpx;
margin-right: 10rpx;
height: 40rpx;
line-height: 40rpx;
}
.tuina{
background-color:#d1f2df;
@ -451,7 +454,7 @@
}
/deep/.zp-paging-container-content{
width: 100%;
margin: 50px auto 0px auto;
margin: 0px auto 0px auto;
}
.fenlei{
display: flex;
@ -547,7 +550,6 @@
.view-cata{
display: flex;
flex-direction: row;
align-items: left;
flex-direction: column;
justify-content: space-between;
}
</style>

View File

@ -18,7 +18,7 @@
</view>
<view class="group-buy-right">
<view class="group-buy-img"><image style="width:120rpx; height:30rpx;" src="../../static/seckill.png"></image></view>
<view><span>正在疯抢</span></view>
<view style=" position:relative;"><image style="width: 30rpx; height:45rpx; position: absolute; right:-8rpx" src="../../static/arrow9.png"></image><span>正在疯抢</span></view>
</view>
</view>
@ -36,8 +36,8 @@
<view class="tewmork-key">
<span v-for="(item,index) in labels" :key="index">{{item}}</span>
</view>
<view>
<span>秒杀时间{{mainData.startTime}} - {{mainData.endTime}}</span>
<view class="tewmork-time">
<span>秒杀时间</span><span>{{mainData.startTime}}</span> - <span>{{mainData.endTime}}</span>
</view>
@ -1317,30 +1317,38 @@
background: linear-gradient(to right, rgb(255, 117, 98), rgb(233, 71, 52));
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.group_amount{
display: flex;
align-items: flex-end;
color: #fff;
}
.group_amount span:nth-child(2){
font-size: 50rpx;
font-weight: bold;
}
.group_amount span:nth-child(1){
font-size:28rpx;
line-height: 50rpx;
}
.group-rule{
display: flex;
align-items: center;
align-items: flex-end;
}
.group-rule span:nth-child(1){
color: #fff;
font-size:22rpx;
font-size:28rpx;
line-height: 50rpx;
}
.group-rule span:nth-child(2){
text-align: center;
padding: 2rpx 15rpx;
color: #fff;
font-size: 24rpx;
font-size: 28rpx;
border-radius: 3rpx;
text-decoration: line-through;
line-height: 50rpx;
}
.group-buy-right{
width: 34%;
@ -1349,6 +1357,37 @@
align-items: center;
padding: 20rpx 0;
}
.tewmork-time{
margin-top: 10rpx;
display: flex;
}
.tewmork-time span:nth-child(1){
background: linear-gradient(90deg, #f76350, #eb4a37);
color: #fff;
border-radius: 10rpx 0 0 10rpx;
padding: 0 10rpx;
font-size: 22rpx;
height: 40rpx;
line-height: 40rpx;
}
.tewmork-time span:nth-child(2){
background:#fdf8e3;
border-radius: 0 10rpx 10rpx 0 ;
padding: 0 10rpx;
height: 42rpx;
line-height: 42rpx;
color: #d28e38;
font-size: 25rpx;
}
.tewmork-time span:nth-child(3){
background:#fdf8e3;
border-radius: 10rpx;
padding: 0 10rpx;
height: 42rpx;
line-height: 42rpx;
color: #d28e38;
font-size: 25rpx;
}
.group-text{
color:#ec4439;
margin-bottom: 10rpx;
@ -1356,15 +1395,15 @@
.group-buy-right span:nth-child(1){
background: linear-gradient(90deg, #f76350, #eb4a37);
border-radius: 30rpx;
padding: 8rpx 15rpx;
color: #fff;
font-size: 24rpx;
}
.group-buy-right span:nth-child(2){
background: linear-gradient(90deg, #fb2d30, #fc2e37);
background: linear-gradient(90deg, #ff451f, #f40613);
border-radius: 30rpx;
padding: 8rpx;
padding: 10rpx 20rpx;
color: #fff;
font-size: 26rpx;
}
.group-buy-right span:nth-child(3){
background: #000;