index.wxss 2.5 KB

1
  1. .mask{z-index:99}.cartList{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;z-index:100;padding:0 30rpx 110rpx 30rpx;padding-bottom:calc(110rpx + constant(safe-area-inset-bottom));padding-bottom:calc(110rpx + env(safe-area-inset-bottom));box-sizing:border-box;border-radius:16rpx 16rpx 0 0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.cartList.on{-webkit-transform:translateZ(0);transform:translateZ(0)}.cartList.ons{padding-bottom:0;padding-bottom:calc(0 + constant(safe-area-inset-bottom));padding-bottom:calc(0 + env(safe-area-inset-bottom))}.cartList .title{height:108rpx}.cartList .title .name{font-size:28rpx;color:#282828;font-weight:700}.cartList .title .del{font-size:26rpx;color:var(--view-theme)}.cartList .title .del .iconfont{margin-right:5rpx;font-size:34rpx}.cartList .list{max-height:720rpx;overflow-x:hidden;overflow-y:auto}.cartList .list .item{margin-bottom:40rpx}.cartList .list .item .pictrue{width:176rpx;height:176rpx;border-radius:16rpx;position:relative}.cartList .list .item .pictrue image{width:100%;height:100%;border-radius:16rpx}.cartList .list .item .pictrue .mantle{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.65);border-radius:16rpx}.cartList .list .item .txtPic{width:486rpx}.cartList .list .item .txtPic .name{font-size:28rpx;color:#282828}.cartList .list .item .txtPic .name.on{color:#a3a3a3}.cartList .list .item .txtPic .noBnt{width:126rpx;height:44rpx;background:#f2f2f2;border-radius:22rpx;text-align:center;line-height:44rpx;font-size:24rpx;color:#a3a3a3;margin-top:10rpx}.cartList .list .item .txtPic .delTxt{margin-top:48rpx;font-size:24rpx;color:#e93323}.cartList .list .item .txtPic .delTxt text{width:70rpx;height:50rpx;text-align:center;line-height:50rpx}.cartList .list .item .txtPic .info{font-size:23rpx;color:#989898;margin-top:5rpx}.cartList .list .item .txtPic .bottom{margin-top:11rpx}.cartList .list .item .txtPic .bottom .money{font-weight:700;font-size:26rpx;color:var(--view-priceColor)}.cartList .list .item .txtPic .bottom .money .num{font-size:34rpx}.cartList .list .item .txtPic .bottom .cartNum{font-weight:700}.cartList .list .item .txtPic .bottom .cartNum .num{font-size:34rpx;color:#282828;width:120rpx;text-align:center}.cartList .list .item .txtPic .bottom .cartNum .reduce{color:#282828;font-size:24rpx;width:60rpx;height:60rpx;text-align:center;line-height:60rpx}.cartList .list .item .txtPic .bottom .cartNum .plus{color:#282828;font-size:24rpx;width:60rpx;height:60rpx;text-align:center;line-height:60rpx}