189 lines
3.3 KiB
Plaintext
189 lines
3.3 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%;
|
|
}
|
|
|
|
.nav-bar{
|
|
background-color: #fff;
|
|
}
|
|
.shop-info{}
|
|
.shop-info .head{
|
|
display: flex;
|
|
}
|
|
.shop-info .head .left{
|
|
flex: 1;
|
|
}
|
|
.shop-info .head .image{
|
|
width:180rpx;height:180rpx;
|
|
}
|
|
.shop-info .address{
|
|
display: flex;
|
|
}
|
|
.shop-info .name{
|
|
font-weight: 600;
|
|
font-size: 40rpx;
|
|
margin-top:10rpx;
|
|
}
|
|
.shop-info .time{
|
|
font: 25rpx;
|
|
margin-top:24rpx;
|
|
}
|
|
.shop-info .spliter{
|
|
margin:20rpx 0 24rpx 0;
|
|
}
|
|
.shop-info .address .left{
|
|
flex:1;
|
|
overflow: hidden;
|
|
}
|
|
.shop-info .address .l1{
|
|
font-size: 26rpx;
|
|
white-space: nowrap;
|
|
text-overflow:ellipsis;
|
|
overflow: hidden;
|
|
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;
|
|
padding:30rpx 40rpx 24rpx 40rpx;
|
|
position: relative;
|
|
border-radius: 0;
|
|
}
|
|
.group-buy{
|
|
}
|
|
|
|
.group-buy .item{
|
|
margin:20rpx;
|
|
display:flex;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.group-buy .item:first-child{
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.group-buy .item .left{
|
|
flex:1;
|
|
}
|
|
.group-buy .item .right{
|
|
display: flex;
|
|
align-items: center;
|
|
position:relative;
|
|
}
|
|
.group-buy .item.ticket .title{
|
|
margin-top:40rpx;
|
|
}
|
|
.group-buy .item.ticket .right{
|
|
border-left: 1.6rpx dashed rgba(153, 153, 153, 0.3);
|
|
}
|
|
.group-buy .item.ticket .right::before,.group-buy .item.ticket .right::after{
|
|
content: '';
|
|
position: absolute;
|
|
width:24rpx;height:24rpx;
|
|
background-color:var(--main-bgclolor);
|
|
border-radius: 50%;
|
|
top:-42rpx;left:-12rpx;
|
|
}
|
|
.group-buy .item.ticket .right::after{
|
|
top:auto;
|
|
bottom:-42rpx;
|
|
}
|
|
.group-buy .item .title{
|
|
font-size: 36rpx;
|
|
font-weight: 500;
|
|
}
|
|
.group-buy .item .tips{
|
|
color: #888888;
|
|
font-size: 30rpx;
|
|
}
|
|
.group-buy .item .bl-money{
|
|
/* display: flex;
|
|
align-items: center; */
|
|
margin-top:40rpx;
|
|
}
|
|
.group-buy .item .money{
|
|
color:#EB0000;
|
|
font-size: 48rpx;
|
|
}
|
|
.group-buy .item .money-disable{
|
|
margin-left: 16rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
.group-buy .item .promation{
|
|
background-color: #FFC300;
|
|
font-size:22rpx;
|
|
position: absolute;
|
|
top:0;left:0;
|
|
padding:8rpx 16rpx;
|
|
border-radius: 9px 3px 9px 0px;
|
|
color:#fff;
|
|
}
|
|
.group-buy .item .promation .image{
|
|
width:28rpx;height:28rpx;
|
|
margin-right: 10rpx;
|
|
vertical-align: text-top;
|
|
}
|
|
.group-buy .item .bottom{
|
|
display: flex;
|
|
margin-top:30rpx;
|
|
align-items: flex-end;
|
|
}
|
|
.group-buy .item .b-left{
|
|
flex:1;
|
|
}
|
|
.group-buy .item .button{
|
|
border-radius: 60rpx;
|
|
font-size: 28rpx;
|
|
line-height: 1;
|
|
padding:18rpx 46rpx;
|
|
margin-left:40rpx;
|
|
} |