goods_cate3.wxss 5.1 KB

1
  1. 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 #eee;padding:0 28rpx}.goodCate .header .pageIndex{width:68rpx;height:68rpx;border-radius:50%;background-color:var(--view-theme)}.goodCate .header .pageIndex .iconfont{color:#fff;font-size:30rpx}.goodCate .header .search{width:600rpx;height:68rpx;border-radius:36rpx;background-color:#f7f7f7;font-size:26rpx;color:#ccc;margin-left:22rpx;padding:0 30rpx;box-sizing:border-box}.goodCate .header .search .iconfont{font-size:30rpx;margin-right:18rpx;color:#666}.goodCate .conter{margin-top:128rpx;height:100vh;background-color:#fff}.goodCate .conter .aside{position:fixed;width:23%;left:0;bottom:0;top:0;background-color:#f7f7f7;overflow-y:auto;overflow-x:hidden;margin-top:128rpx;z-index:99;padding-bottom:140rpx}.goodCate .conter .aside .item{height:100rpx;width:100%;font-size:26rpx;color:#333}.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:130rpx}.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:#333;background-color:#f7f7f7;border-radius:22rpx;margin-left:12rpx}.goodCate .conter .wrapper .longTab .longItem.click{font-weight:700;background-color:var(--view-theme);color:#fff}.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:#666}.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:#999;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:#666}.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-theme);color:#fff}.goodCate .conter .wrapper .goodsList{margin-top:228rpx;padding:0 20rpx 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{padding-right:18rpx}.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{width:100%;position:fixed;left:0;bottom:0;background-color:#fff;box-shadow:0 -3px 16px rgba(36,12,12,.05);z-index:101;padding-left:30rpx;box-sizing:border-box;height:100rpx}.goodCate .footer .cartIcon{width:124rpx;height:106rpx;position:relative;margin-top:-64rpx}.goodCate .footer .cartIcon .iconfont{font-size:100rpx;color:var(--view-theme)}.goodCate .footer .cartIcon .num{min-width:12rpx;color:var(--view-theme);border-radius:15px;position:absolute;right:0;font-size:16rpx;padding:0 11rpx;background-color:#fff;height:36rpx;line-height:34rpx;top:24rpx;border:1rpx solid var(--view-theme)}.goodCate .footer .money{font-size:26rpx;font-weight:700;color:var(--view-priceColor);margin-right:34rpx}.goodCate .footer .money .num{font-size:34rpx}.goodCate .footer .bnt{width:222rpx;height:76rpx;background-color:var(--view-theme);border-radius:46px;line-height:76rpx;text-align:center;color:#fff;font-size:28rpx;margin-right:30rpx}.goodCate .footer .bnt.on{background:#bbb}