czg_team/cashier_wx
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

拼团样式调整

Browse Source
This commit is contained in:
YeMingfei666
2025-12-15 18:01:19 +08:00
parent 4ddd82769f
commit 2931e9a22c
1 changed files with 54 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
groupBuying/index/index.vue
View File

@@ -91,11 +91,26 @@
<text class="u-font-40 font-bold">x1</text>
</view>
<view class="u-m-t-32 info">
</view>
<view class="u-m-t-32 info">
<view class="u-flex u-col-center">
<text class="title">可核销门店：</text>
<text class="stitle">这里是店铺名称</text>
</view>
<view class="u-flex u-m-t-32 u-col-center">
<text class="title ">门店地址：</text>
<text class="stitle">这里是店铺名称</text>
</view>
<view class="u-flex u-m-t-32 u-col-center">
<text class="title">剩余成团时间：</text>
<text class="stitle price">00:39:15</text>
</view>
</view>
<view class="btns">
<view class="btn ">申请退款</view>
<view class="btn black ">邀请好友</view>
</view>
</view>
</view>
@@ -337,6 +352,11 @@
color: rgba(123, 209, 54, 1);
background: rgba(123, 209, 54, 0.12);
}
&.error{
border-color:#FF1C1C;
color: #FF1C1C;
background: rgba(255, 28, 28, 0.18);
}
}
.price{
color: #ED5A2E;
@@ -345,13 +365,42 @@
font-size: 40rpx;
}
.info{
display: flex;
padding: 16rpx 34rpx;
flex-direction: column;
align-items: flex-start;
gap: 32rpx;
border-radius: 8rpx;
background: #F8F8F8;
.title{
min-width: 208rpx;
padding-right: 8rpx;
box-sizing: border-box;
}
.stitle{
color: #666;
&.price{
font-size: 32rpx;
color: #ed5a2e;
font-weight: 700;
}
}
}
.btns{
margin-top: 28rpx;
display: flex;
justify-content: flex-end;
gap: 34rpx;
.btn{
padding: 8rpx 14rpx;
border-radius: 10rpx;
border: 2rpx solid #D9D9D9;
background: #FFF;
&.black{
border-color:#343030 ;
background-color: #343030;
color: #fff;
}
}
}
}
}