You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
200 lines
3.1 KiB
200 lines
3.1 KiB
/**index.wxss**/
|
|
#shopping{
|
|
padding:0rpx 4%;
|
|
}
|
|
.select_status{width:8%;height:152rpx;line-height:152rpx;}
|
|
.select_status image{
|
|
width:29rpx;
|
|
height:29rpx;}
|
|
.shopping_item{
|
|
margin-top:46rpx;
|
|
border-bottom:solid 1px #f5f5f5;
|
|
padding-bottom:35rpx;
|
|
position:relative;
|
|
align-items:center;
|
|
}
|
|
.shopping_img{width:24%;height:152rpx;text-align:left;}
|
|
.shopping_img image{
|
|
width:152rpx;
|
|
height:152rpx;
|
|
|
|
}
|
|
.edit_number{
|
|
width:22.6%;
|
|
height:45rpx;
|
|
line-height:45rpx;
|
|
border:solid 1px #e5e5e5;
|
|
font-size:20rpx;
|
|
}
|
|
.edit_number .minus,.edit_number .add{
|
|
width:45rpx;
|
|
text-align:center;
|
|
color:#aeaeae;
|
|
font-size:40rpx;
|
|
|
|
}
|
|
.number{
|
|
width:72rpx;
|
|
text-align:center;
|
|
color:#878787;
|
|
border-right:solid 1px #e5e5e5;
|
|
border-left:solid 1px #e5e5e5;
|
|
}
|
|
.shopping_name{
|
|
width:36.6%;
|
|
align-items:center;
|
|
overflow:hidden;
|
|
height:140rpx;
|
|
}
|
|
.shopping_name text{
|
|
display:block;
|
|
}
|
|
.shopping_name .text1{
|
|
font-size:30rpx;
|
|
color:#444;
|
|
|
|
}
|
|
.shopping_name .text2{
|
|
font-size:24rpx;
|
|
color:#999;
|
|
}
|
|
.shopping_name .price{
|
|
color:#21c3d4;
|
|
font-size:28rpx;
|
|
}
|
|
.shopping_name text{
|
|
height:33.33%;
|
|
align-items:center;
|
|
}
|
|
.total{
|
|
width:100%;
|
|
height:110rpx;
|
|
position:fixed;
|
|
bottom:110rpx;
|
|
left:0rpx;
|
|
align-items:center;
|
|
background:#f2f2f2;
|
|
|
|
}
|
|
.all_select image{
|
|
width:29rpx;
|
|
height:29rpx;
|
|
}
|
|
.total_price text{display:flex;}
|
|
.select_c{
|
|
font-size:28rpx;
|
|
color:#444;
|
|
}
|
|
.del_shopping{color:#2c9fe1;font-size:30rpx;}
|
|
.toalt1{font-size:30rpx;color:#333;}
|
|
.priceNumber{
|
|
color:#21c3d4;
|
|
font-size:28rpx;
|
|
}
|
|
.submit_shopping{
|
|
width:160rpx;
|
|
height:60rpx;
|
|
border-radius:20rpx;
|
|
|
|
}
|
|
.submit_shopping{
|
|
width:160rpx;
|
|
height:60rpx;
|
|
line-height:54rpx;
|
|
text-align:center;
|
|
background:linear-gradient(to right,rgba(72,222,223,1.00),rgba(42,154,225,1.00));
|
|
}
|
|
.pay_note{
|
|
color:#fff;
|
|
font-size:34rpx;
|
|
}
|
|
.pay_note .text1{
|
|
font-size:30rpx;
|
|
color:#fff;
|
|
}
|
|
.pay_note .number_pay{
|
|
font-size:24rpx;
|
|
color:#fff;
|
|
margin-left:10rpx;
|
|
|
|
}
|
|
|
|
/*******addcart***********/
|
|
.shopping{
|
|
font-size:30rpx;
|
|
position:absolute;
|
|
top:40%;
|
|
}
|
|
.circle{
|
|
width:50rpx;
|
|
height:50rpx;
|
|
background:#21c3d4;
|
|
border-radius:50%;
|
|
opacity:0;
|
|
position:absolute;
|
|
bottom:0rpx;
|
|
right:0rpx;
|
|
z-index:9999;
|
|
}
|
|
.circle.animate{
|
|
|
|
/*-webkit-transition:all 1000ms cubic-bezier(.4,.46,.3,1.31);*/
|
|
-webkit-transition:all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
}
|
|
.addCart{
|
|
width:100%;
|
|
height:80rpx;
|
|
position:absolute;
|
|
bottom:0rpx;
|
|
text-align:center;
|
|
}
|
|
.addCart image{
|
|
width:45rpx;
|
|
height:45rpx;
|
|
margin:0rpx auto;
|
|
}
|
|
.addCart image{
|
|
transition:all 0.5s;
|
|
}
|
|
.nav_img{
|
|
position:relative;
|
|
|
|
}
|
|
.cart_number{
|
|
position:absolute;
|
|
left:59%;
|
|
top:3rpx;
|
|
height:0rpx;
|
|
z-index:;
|
|
}
|
|
.fiexd-cart{
|
|
|
|
width:20rpx;height:20rpx;border-radius:50%;background:#21c3d4;margin:0rpx auto;text-align:center;line-height:20rpx;
|
|
z-index:3;
|
|
}
|
|
.jisster{
|
|
transition:all 1s;
|
|
transform:scale(1.1,1.1);
|
|
animation:jisster 0.5s;
|
|
}
|
|
@keyframes jisster{
|
|
0%{
|
|
transform:rotate(3deg) scale(1.1,1.1);
|
|
}
|
|
20%{
|
|
transform:rotate(-3deg) scale(1.1,1.1);
|
|
}
|
|
40%{
|
|
transform:rotate(5deg) scale(1.1,1.1);
|
|
}
|
|
60%{
|
|
transform:rotate(-5deg) scale(1.1,1.1);
|
|
|
|
}
|
|
80%{
|
|
transform:rotate(3deg) scale(1.1,1.1);
|
|
}
|
|
100%{
|
|
transform:rotate(-3deg) scale(1.1,1.1);
|
|
}
|
|
} |