index.wxss 6.5 KB

1
  1. .swiper{height:600rpx}.swiper .slide-image{width:100%;height:98%}.store{position:relative;display:flex;justify-content:flex-start;align-items:center;padding:15rpx;border-radius:0 0 30rpx 30rpx;border-top:5rpx solid #fff;background:#fff}.store .cover{width:90rpx;height:90rpx;margin:10rpx}.store .cover image{width:100%;height:100%;border-radius:50%}.store .storeInfo{width:60%;display:flex;justify-content:space-between;align-items:center;margin-left:10rpx;color:#000000}.store .storeInfo .name{font-size:25rpx}.store .storeInfo .add{font-size:20rpx}.store .storeInfo .mobile{margin:10rpx 0}.store .storeInfo .storeInfo_right{font-size:20rpx}.store .shopCart{position:absolute;right:30rpx;width:96rpx;height:96rpx;padding:15rpx;border-radius:50%;border:5rpx solid #B7D173;background:#fff;box-shadow:0 5rpx 10rpx rgba(0,0,0,0.6)}.store .shopCart .total{content:'';position:absolute;top:-10rpx;right:-10rpx;width:40rpx;height:40rpx;border-radius:50%;color:#fff;font-size:24rpx;text-align:center;line-height:40rpx;background:#f00}.store .shopCart image{width:100%;height:100%}.tabs{background:white;display:flex;padding:20rpx;justify-content:space-between;overflow:auto}.tabs .tab{white-space:nowrap;padding:0 20rpx;position:relative}.tabs .tab .borderRadius{position:absolute;left:50%;transform:translateX(-50%);bottom:-10rpx;width:50rpx;height:30rpx;border-radius:50%;border-bottom:#B7D173 5rpx solid}.tabs .tabIndex{font-weight:bold;border-radius:50%;padding-bottom:5rpx}.loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.right_content{height:100%;padding-bottom:50rpx;margin:0 auto;margin-top:-5rpx;margin-bottom:100rpx}.right_content .goods_box{width:100%}.right_content .goods_box .goods_item{height:700rpx;float:left;width:350rpx;margin:10rpx;padding:10rpx;background:#fff;border-radius:20rpx}.right_content .goods_box .goods_item .image{width:100%;height:350rpx}.right_content .goods_box .goods_item .image image{width:100%;height:100%;border-radius:20rpx}.right_content .goods_box .goods_item .content{width:100%}.right_content .goods_box .goods_item .content .name{margin-top:5rpx;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all}.right_content .goods_box .goods_item .content .tags text{border-radius:5rpx;background:#e8f5c5;padding:5rpx 10rpx;font-size:15rpx;font-weight:bold;color:#80A421;margin-right:10rpx}.right_content .goods_box .goods_item .content .li_desc{color:#989898;margin:10rpx 0;font-size:24rpx;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.right_content .goods_box .goods_item .content .li_num{color:#989898;margin-bottom:10rpx;font-size:24rpx;display:flex;justify-content:space-between}.right_content .goods_box .goods_item .content .li_row{width:100%;display:flex;justify-content:space-between;align-items:center}.right_content .goods_box .goods_item .content .li_row .price{display:flex;font-weight:600}.right_content .goods_box .goods_item .content .li_row .count{display:flex}.right_content .goods_box .goods_item .content .li_row .count .num{color:#6d6d6d}.right_content .goods_box .goods_item .content .li_row .count .tag{background:white;color:#B7D173;font-size:60rpx}.right_content .goods_box .goods_item .content .li_row .decoration{text-decoration:line-through;color:#989898;font-weight:500}.right_content .right_item:first-child{margin-top:none}.shopGoods{position:relative}.shopGoods>.title{width:100%;height:80rpx;text-align:center;line-height:80rpx;box-shadow:0 5rpx 10rpx rgba(0,0,0,0.3);z-index:999}.shopGoods .goods .cart_info{width:93%;background:#ffffff;border-radius:12rpx;margin:10rpx auto;display:flex;box-shadow:0 0 13px #dedede;position:relative}.shopGoods .goods .cart_info .left_info{width:40%;display:flex;align-items:center}.shopGoods .goods .cart_info .left_info .radio{margin:0 10rpx}.shopGoods .goods .cart_info .left_info .image_box{position:relative;width:188rpx;height:188rpx}.shopGoods .goods .cart_info .left_info .image_box .image{width:188rpx;height:188rpx;border-radius:16rpx}.shopGoods .goods .cart_info .left_info .image_box .open{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(31,31,31,0.43);border-radius:50%;color:white;padding:20rpx;text-align:center;font-size:30rpx}.shopGoods .goods .cart_info .right_info{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:58%}.shopGoods .goods .cart_info .right_info .title{font-size:28rpx;width:300rpx;margin:10rpx 0;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.shopGoods .goods .cart_info .right_info .desc{font-size:24rpx;margin-bottom:10rpx;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.shopGoods .goods .cart_info .right_info .down_info{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20rpx 0}.shopGoods .goods .cart_info .right_info .down_info .price{font-size:34rpx;color:#fd3030;font-weight:700}.shopGoods .goods .cart_info .right_info .down_info .ipt{color:#333}.shopGoods .goods .cart_info .right_info .down_info .van-stepper .van-stepper__input{z-index:0}.shopGoods .goods .cart_info .post{position:absolute;right:4rpx;top:4rpx;padding:4rpx 20rpx;background:#2196F3;color:white;border-radius:6rpx;font-size:28rpx}.shopGoods .goods .delete{background:#e42929;color:#fff;width:120rpx;height:100%;text-align:center;line-height:175rpx}.shopGoods .goods .bottom{width:100%;height:100rpx}.shopGoods .cart_down{display:flex;position:fixed;bottom:var(--bottom);z-index:999;left:0;width:100%;background:#ffffff;align-items:center;justify-content:space-between;padding:0 20rpx;height:100rpx;box-shadow:0 -6px 11px #dedede}.shopGoods .cart_down .cart_left{display:flex}.shopGoods .cart_down .cart_right{display:flex}.shopGoods .cart_down .cart_right .total_info{margin-right:20rpx;text-align:center;flex-direction:column;display:flex;justify-content:center;align-items:flex-start}.shopGoods .cart_down .cart_right .total_info .total_price{font-size:30rpx;color:#fd3030;font-weight:600}.shopGoods .cart_down .cart_right .total_info .text{font-size:24rpx;color:#979393}.shopGoods .cart_down .cart_right .button{width:140rpx;text-align:center;background:#b3afaf;color:#fff;font-size:30rpx;border-radius:36rpx;margin-right:10rpx}.shopGoods .cart_down .cart_right .active{background:#dd4848}.shopGoods .cart_down .cart_right .actives{background-color:#fff;color:#808080;border:1px solid #808080 !important}