goods_cate2.wxss 5.0 KB

1
  1. .scroll-Y{height:100vh}page{background-color:#fff}.product-window.joinCart{z-index:999}::-webkit-scrollbar{width:0;height:0;color:transparent;display:none}.goodCate .mask{z-index:99}.goodCate .attrProduct .mask{z-index:100}.goodCate .header{position:fixed;height:128rpx;background-color:#fff;top:0;left:0;width:100%;z-index:99;border-bottom:1px solid #f0f0f0}.goodCate .header .pageIndex{width:68rpx;height:68rpx;border-radius:50%;background-color:var(--view-theme);text-align:center;line-height:68rpx}.goodCate .header .pageIndex .iconfont{color:#fff;font-size:30rpx}.goodCate .header .search{width:600rpx;height:68rpx;border-radius:36rpx;background-color:#f8f8f8;font-size:26rpx;color:#adadad;margin-left:22rpx}.goodCate .header .search .iconfont{font-size:30rpx;margin:4rpx 16rpx 0 0}.goodCate .conter{margin-top:128rpx;height:100vh;background-color:#fff}.goodCate .conter .aside{position:fixed;width:23%;left:0;bottom:100rpx;top:0;background-color:#f7f7f7;overflow-y:auto;overflow-x:hidden;margin-top:128rpx;z-index:99}.goodCate .conter .aside .item{height:100rpx;width:100%;font-size:26rpx;color:#424242}.goodCate .conter .aside .item.on{background-color:#fff;width:100%;text-align:center;color:var(--view-theme);font-weight:500;position:relative}.goodCate .conter .aside .item.on::after{content:"";position:absolute;width:6rpx;height:46rpx;background:var(--view-theme);border-radius:0 4rpx 4rpx 0;left:0}.goodCate .conter .wrapper{margin-top:104rpx;width:77%;float:right;background-color:#fff;padding-bottom:100rpx}.goodCate .conter .wrapper .bgcolor{width:100%;background-color:#fff}.goodCate .conter .wrapper .goodsList{margin-top:0!important}.goodCate .conter .wrapper .mask{z-index:9}.goodCate .conter .wrapper .longTab{width:65%;position:fixed;top:0;margin-top:128rpx;height:100rpx;z-index:99;background-color:#fff}.goodCate .conter .wrapper .longTab .longItem{height:44rpx;display:inline-block;line-height:44rpx;text-align:center;font-size:26rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#989898;background-color:#f7f7f7;border-radius:22rpx;margin-left:12rpx}.goodCate .conter .wrapper .longTab .longItem.click{font-weight:700;background-color:var(--view-minorColorT);color:var(--view-theme)}.goodCate .conter .wrapper .longTab .underlineBox{height:3px;width:20%;display:flex;align-content:center;justify-content:center;transition:.5s}.goodCate .conter .wrapper .longTab .underlineBox .underline{width:33rpx;height:4rpx;background-color:#fff}.goodCate .conter .wrapper .openList{width:12%;height:100rpx;background-color:#fff;line-height:100rpx;padding-left:30rpx;position:fixed;right:0;top:128rpx;z-index:99}.goodCate .conter .wrapper .openList .iconfont{font-size:22rpx;color:#989898}.goodCate .conter .wrapper .downTab{width:77%;position:fixed;top:0;margin-top:128rpx;z-index:99;background-color:#fff;right:0}.goodCate .conter .wrapper .downTab .title{height:100rpx;font-size:26rpx;color:#adadad;padding-left:20rpx}.goodCate .conter .wrapper .downTab .title .closeList{width:90rpx;height:100%;line-height:100rpx;padding-left:30rpx;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.goodCate .conter .wrapper .downTab .title .closeList .iconfont{font-size:22rpx;color:#989898}.goodCate .conter .wrapper .downTab .children{max-height:500rpx;overflow-x:hidden;overflow-y:auto;padding-bottom:20rpx}.goodCate .conter .wrapper .downTab .children .item{height:60rpx;background-color:#f7f7f7;border-radius:30rpx;line-height:60rpx;padding:0 15rpx;margin:0 0 20rpx 20rpx;width:165rpx;text-align:center}.goodCate .conter .wrapper .downTab .children .item.click{font-weight:700;background-color:var(--view-minorColorT);color:var(--view-theme)}.goodCate .conter .wrapper .goodsList{margin-top:228rpx;padding:0 30rpx 0 20rpx}.goodCate .conter .wrapper .goodsList .item{margin-bottom:33rpx!important}.goodCate .conter .wrapper .goodsList .item .text{font-size:26rpx}.goodCate .conter .wrapper .goodsList .item .bottom .sales .money{font-size:34rpx}.goodCate .conter .wrapper .goodsList .item .bottom .sales .money text{font-size:26rpx}.goodCate .conter .wrapper .goodsList .item .bottom .cart .pictrue{width:50rpx;height:50rpx}.goodCate .footer{position:fixed;left:0;bottom:0;width:100%;background-color:#fff;box-shadow:0 -3rpx 16rpx rgba(36,12,12,.05);z-index:101;padding:0 30rpx;box-sizing:border-box;height:100rpx}.goodCate .footer .cartIcon{width:96rpx;height:96rpx;border-radius:50%;position:relative;margin-top:-36rpx}.goodCate .footer .cartIcon .iconfont{font-size:115rpx;margin-top:-5px;color:var(--view-theme)}.goodCate .footer .cartIcon.noCart .iconfont{color:#cbcbcb}.goodCate .footer .cartIcon .num{background-color:var(--view-priceColor);min-width:12rpx;color:#fff;border-radius:15px;position:absolute;right:-6rpx;top:-10rpx;font-size:22rpx;padding:0 10rpx;height:34rpx;line-height:34rpx}.goodCate .footer .money{color:var(--view-priceColor);font-size:28rpx;font-weight:700}.goodCate .footer .money .num{font-size:42rpx}.goodCate .footer .money .bnt{width:222rpx;height:76rpx;background:var(--view-theme);border-radius:46rpx;line-height:76rpx;text-align:center;color:#fff;margin-left:24rpx}