180 lines
3.2 KiB
Plaintext
180 lines
3.2 KiB
Plaintext
.swiper-container{
|
|
height:600rpx;
|
|
position: relative;
|
|
}
|
|
.swiper-container .nav{
|
|
position: absolute;
|
|
background: rgba(0, 0, 0, 0.7);
|
|
border-radius: 60rpx;
|
|
color: #fff;
|
|
font-size: 24rpx;
|
|
right: 20rpx;
|
|
bottom: 54rpx;
|
|
padding: 8rpx 16rpx;
|
|
}
|
|
.swiper-container .nav .icon{
|
|
width:28rpx;height:28rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.swiper-container .nav .right-arrow{
|
|
width:16rpx;height:16rpx;
|
|
vertical-align: middle;
|
|
}
|
|
.swiper-container .nav .text{
|
|
vertical-align: middle;
|
|
margin:0 2rpx 0 8rpx;
|
|
}
|
|
.swiper{height: 100%;}
|
|
.swiper .image{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
|
|
.shop-info{}
|
|
.shop-info .address{
|
|
display: flex;
|
|
}
|
|
.shop-info .name{
|
|
font-weight: 500;
|
|
font-size: 44rpx;
|
|
}
|
|
.shop-info .time{
|
|
font: 25rpx;
|
|
margin-top:20rpx;
|
|
}
|
|
.shop-info .spliter{
|
|
border-bottom: 1px solid rgba(153, 153, 153, 0.2);
|
|
margin:16rpx 0 30rpx 0;
|
|
}
|
|
.shop-info .address .left{
|
|
flex:1;
|
|
}
|
|
.shop-info .address .l1{
|
|
font-size: 26rpx;
|
|
white-space: nowrap;
|
|
margin-top:6rpx;
|
|
}
|
|
.shop-info .address .l2{
|
|
font-size: 24rpx;
|
|
color: #888888;
|
|
margin-top:40rpx
|
|
}
|
|
.shop-info .address .right{
|
|
font-size:22rpx;
|
|
color: #888888;
|
|
text-align: center;
|
|
margin-left: 44rpx;
|
|
}
|
|
.shop-info .address .icon-con{
|
|
padding:8rpx;
|
|
background: rgba(153, 153, 153, 0.1);
|
|
display: inline-block;
|
|
border-radius: 50%;
|
|
}
|
|
.shop-info .address .icon{
|
|
width:30rpx;height:30rpx;
|
|
}
|
|
.shop-info .address .right .text{
|
|
margin-top:26rpx;
|
|
}
|
|
|
|
.page-container.shop-info{
|
|
margin:0;
|
|
margin-top:-34rpx;
|
|
position: relative;
|
|
}
|
|
.page-container.group-buy{
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.group-buy .head{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.group-buy .h-icon{
|
|
width:144rpx;height:36rpx;
|
|
}
|
|
.group-buy .h-right{
|
|
font-size:24rpx;
|
|
color: #555555;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.group-buy .h-right .avatar{
|
|
width:32rpx;height:32rpx;
|
|
margin-right:10rpx;
|
|
}
|
|
.group-buy .item{
|
|
display: flex;
|
|
margin:40rpx 0;
|
|
}
|
|
.group-buy .item .image{
|
|
width:200rpx;height: 200rpx;
|
|
}
|
|
.group-buy .item .right{
|
|
flex:1;
|
|
margin-left:24rpx;
|
|
}
|
|
.group-buy .item .right .title{
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
}
|
|
.group-buy .item .right .tags{
|
|
display: flex;
|
|
gap: 10rpx;
|
|
margin-top:20rpx;
|
|
}
|
|
.group-buy .item .right .tag{
|
|
font-size:20rpx;
|
|
padding:6rpx 10rpx;
|
|
color: #888888;
|
|
border: 0.5px solid rgba(153, 153, 153, 0.5);
|
|
border-radius: 6rpx;
|
|
|
|
}
|
|
.group-buy .item .right .money{
|
|
color:#EB0000;
|
|
font-size: 32rpx;
|
|
}
|
|
.group-buy .item .right .money::before{
|
|
content:"¥";
|
|
font-size: 24rpx;
|
|
}
|
|
.group-buy .item .right .money-disable{
|
|
color: #888888;
|
|
text-decoration: line-through;
|
|
margin-left: 10rpx;
|
|
}
|
|
.group-buy .item .right .money-disable::before{
|
|
content:"¥";
|
|
}
|
|
.group-buy .item .promation{
|
|
border-radius: 6rpx;
|
|
background-color: #FFECEC;
|
|
color: #FF3A3A;
|
|
font-size: 20rpx;
|
|
display: inline-flex;
|
|
padding:4px 6px;
|
|
align-items: center;
|
|
margin-top:20rpx;
|
|
}
|
|
.group-buy .item .promation .icon{
|
|
width:24rpx;height:24rpx;
|
|
}
|
|
.group-buy .item .right .bottom{
|
|
display: flex;
|
|
margin-top:30rpx;
|
|
align-items: flex-end;
|
|
}
|
|
.group-buy .item .b-left{
|
|
flex:1;
|
|
}
|
|
.group-buy .item .button{
|
|
border-radius: 12rpx;
|
|
font-size: 26rpx;
|
|
font-weight: normal;
|
|
line-height: 1;
|
|
padding:14rpx 36rpx;
|
|
} |