1 line
2.4 KiB
Plaintext
1 line
2.4 KiB
Plaintext
page{padding-bottom:0;background:#fff}.container{height:100vh;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.container .container-carousel{padding:32rpx}.container .container-main{overflow:hidden}.container .container-main .main-sidebar{width:200rpx;background:#f6f7fb}.container .container-main .main-sidebar .sidebar-item .item-parent{padding:32rpx 20rpx 32rpx 16rpx;border-left:4rpx solid transparent;color:#5a5b6e;text-align:center;font-size:28rpx;line-height:40rpx}.container .container-main .main-sidebar .sidebar-item .item-child .child-box{color:#5a5b6e;text-align:center;font-size:24rpx;line-height:34rpx;padding:24rpx 20rpx 24rpx 16rpx;border-left:4rpx solid transparent}.container .container-main .main-sidebar .sidebar-item.active{background:#fff}.container .container-main .main-sidebar .sidebar-item.active .item-parent.select{border-color:var(--theme-color);font-weight:600}.container .container-main .main-sidebar .sidebar-item.active .item-child .child-box.select{border-color:var(--theme-color);font-weight:600}.container .container-main .main-list .list-box{padding:16rpx 32rpx 32rpx}.container .container-main .main-list .list-box .box-item{margin-top:32rpx}.container .container-main .main-list .list-box .box-item:first-child{margin-top:0}.container .container-main .main-list .list-box .box-item .item-image{width:160rpx;height:160rpx;border-radius:16rpx}.container .container-main .main-list .list-box .box-item .item-info{margin-left:24rpx}.container .container-main .main-list .list-box .box-item .item-info .info-title{color:#5a5b6e;font-size:28rpx;font-weight:600;line-height:40rpx}.container .container-main .main-list .list-box .box-item .item-info .info-price{margin-top:16rpx;color:var(--theme-color);font-size:28rpx;font-weight:600;line-height:40rpx}.container .container-cart{position:fixed;right:32rpx;bottom:16%;z-index:99;background:var(--theme-color);border-radius:50%;width:96rpx;height:96rpx;display:flex;justify-content:center;align-items:center}.container .container-cart .cart-icon{width:40rpx;height:36rpx}.container .container-cart .cart-number{position:absolute;top:0;left:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:-16rpx;color:var(--theme-color);text-align:center;font-size:24rpx;line-height:1;min-width:32rpx;height:32rpx;border-radius:16rpx;border:1px solid var(--theme-color);padding:0 6rpx;background:#fff;display:flex;justify-content:center;align-items:center} |