2 lines
12 KiB
CSS
2 lines
12 KiB
CSS
.GoodsItemCard{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;height:94px;padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.GoodsItemCard-left{-ms-flex-negative:0;flex-shrink:0;width:70px;height:70px;border-radius:6px;overflow:hidden;position:relative}.GoodsItemCard-imgLayer{position:absolute;z-index:1;background-color:rgba(0,0,0,.03)}.GoodsItemCard-imgLayer,.GoodsItemCard-imgUrl{width:100%;height:100%;border-radius:6px;overflow:hidden}.GoodsItemCard-imgUrl{-o-object-fit:contain;object-fit:contain}.GoodsItemCard-right{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin-left:12px;padding-right:16px;position:relative}.GoodsItemCard-title{font-weight:500;font-size:16px;line-height:22px;color:#121212;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}html[data-theme=dark] .GoodsItemCard-title{color:#fff}.GoodsItemCard-footer{margin-top:8px;font-weight:500;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.GoodsItemCard-price{display:inline-block;font-size:14px;margin-bottom:1px;color:#ff7955}html[data-theme=dark] .GoodsItemCard-price{color:#ff7955}.GoodsItemCard-footerText{display:inline-block;font-size:12px;color:#999;margin-left:8px}html[data-theme=dark] .GoodsItemCard-footerText{color:#999}.GoodsItemCard-footerIcon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;line-height:20px;padding:3px 6px;margin-top:8px;background:#f6f6f6;border:1px solid #d3d3d3;border-radius:20px;font-size:12px;color:#444;-webkit-box-sizing:border-box;box-sizing:border-box}html[data-theme=dark] .GoodsItemCard-footerIcon{background:#1b1b1b;border:1px solid #2e2e2e;color:#d3d3d3}.GoodsItemCard-bottomLine{position:absolute;width:200%;height:1px;bottom:0;left:98px;background-color:#ebebeb;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left bottom;transform-origin:left bottom;overflow:hidden}html[data-theme=dark] .GoodsItemCard-bottomLine{background-color:#2e2e2e}img:not([src]),img[src=""]{opacity:0}@-webkit-keyframes skeleton-wave{0%{-webkit-transform:translateX(-8000%);transform:translateX(-8000%)}to{-webkit-transform:translateX(10000%);transform:translateX(10000%)}}@keyframes skeleton-wave{0%{-webkit-transform:translateX(-8000%);transform:translateX(-8000%)}to{-webkit-transform:translateX(10000%);transform:translateX(10000%)}}.skeleton{background:#fff;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}html[data-theme=dark] .skeleton{background:#121212}.skeleton__line{background-color:#f6f6f6;background-image:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(25%,#ebebeb),color-stop(75%,#ebebeb),to(#f6f6f6));background-image:linear-gradient(90deg,#f6f6f6 0,#ebebeb 25%,#ebebeb 75%,#f6f6f6);border-radius:5px;height:10px;margin-bottom:16px}html[data-theme=dark] .skeleton__line{background-color:#1b1b1b;background-image:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(25%,#2e2e2e),color-stop(75%,#2e2e2e),to(#1b1b1b));background-image:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 25%,#2e2e2e 75%,#1b1b1b)}.skeleton__line:last-child{margin-bottom:0}.skeleton__line--h01:first-child{width:200px}.skeleton__line--h01:last-child{width:89px}.skeleton__line--p01:first-child{width:80px}.skeleton__line--p01:last-child{width:170px}.skeleton__line--t01:last-child,.skeleton__line--t02:last-child{width:148px}.skeleton__line--c01{margin-left:12px}.skeleton__line--c01:first-child{margin-top:6px;width:180px}.skeleton__line--c01:last-child{width:80px}.skeleton__line--c02:first-child{margin-top:6px;width:180px}.skeleton__line--c02:last-child{width:80px}.skeleton__line--c03:first-child{margin-top:4px;width:100%}.skeleton__line--c03:last-child{width:100px}.skeleton__block{background-color:#f6f6f6;background-image:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(25%,#ebebeb),color-stop(75%,#ebebeb),to(#f6f6f6));background-image:linear-gradient(90deg,#f6f6f6 0,#ebebeb 25%,#ebebeb 75%,#f6f6f6)}html[data-theme=dark] .skeleton__block{background-color:#1b1b1b;background-image:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(25%,#2e2e2e),color-stop(75%,#2e2e2e),to(#1b1b1b));background-image:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 25%,#2e2e2e 75%,#1b1b1b)}.skeleton__block--p01{height:45px;width:45px;border-radius:50%;margin-right:16px}.skeleton__block--c01{width:70.5px;height:94px;border-radius:6px;margin-right:16px}.skeleton__block--c02{width:95px;height:66px;border-radius:6px}.skeleton__block--c03{width:72px;height:72px;margin-right:12px;border-radius:6px;-ms-flex-negative:0;flex-shrink:0}.skeleton__block--i01{height:194px;border-radius:6px}.skeleton--p01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skeleton--t02{padding:15px 20px}.skeleton--c01,.skeleton--c02{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px 20px}.skeleton--c02{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.skeleton--c03{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.skeleton--i01{padding:0 15px}.skeleton--fill{background-color:#f6f6f6;background-image:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(25%,#ebebeb),color-stop(75%,#ebebeb),to(#f6f6f6));background-image:linear-gradient(90deg,#f6f6f6 0,#ebebeb 25%,#ebebeb 75%,#f6f6f6)}html[data-theme=dark] .skeleton--fill{background-color:#1b1b1b;background-image:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(25%,#2e2e2e),color-stop(75%,#2e2e2e),to(#1b1b1b));background-image:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 25%,#2e2e2e 75%,#1b1b1b)}.skeleton--fill,.skeleton--spacing{padding:0}.skeleton--ease-in.skeleton--fill{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.skeleton--ease-in.skeleton--fill:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:1%;background-color:hsla(0,0%,96.5%,.8);-webkit-box-shadow:0 0 70px 70px hsla(0,0%,96.5%,.7);box-shadow:0 0 70px 70px hsla(0,0%,96.5%,.7);-webkit-animation:skeleton-wave 1.5s ease-in -.3s infinite forwards;animation:skeleton-wave 1.5s ease-in -.3s infinite forwards}html[data-theme=dark] .skeleton--ease-in.skeleton--fill:after{background-color:rgba(27,27,27,.8);-webkit-box-shadow:0 0 70px 70px rgba(27,27,27,.7);box-shadow:0 0 70px 70px rgba(27,27,27,.7)}.skeleton--ease-in .skeleton__line{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.skeleton--ease-in .skeleton__line:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:1%;background-color:hsla(0,0%,96.5%,.8);-webkit-box-shadow:0 0 20px 20px hsla(0,0%,96.5%,.7);box-shadow:0 0 20px 20px hsla(0,0%,96.5%,.7);-webkit-animation:skeleton-wave 1.5s ease-in -.3s infinite forwards;animation:skeleton-wave 1.5s ease-in -.3s infinite forwards}html[data-theme=dark] .skeleton--ease-in .skeleton__line:after{background-color:rgba(27,27,27,.8);-webkit-box-shadow:0 0 20px 20px rgba(27,27,27,.7);box-shadow:0 0 20px 20px rgba(27,27,27,.7)}.skeleton--ease-in .skeleton__block{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.skeleton--ease-in .skeleton__block:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:1%;background-color:hsla(0,0%,96.5%,.8);-webkit-box-shadow:0 0 35px 30px hsla(0,0%,96.5%,.7);box-shadow:0 0 35px 30px hsla(0,0%,96.5%,.7);-webkit-animation:skeleton-wave 1.5s ease-in -.3s infinite forwards;animation:skeleton-wave 1.5s ease-in -.3s infinite forwards}html[data-theme=dark] .skeleton--ease-in .skeleton__block:after{background-color:rgba(27,27,27,.8);-webkit-box-shadow:0 0 35px 30px rgba(27,27,27,.7);box-shadow:0 0 35px 30px rgba(27,27,27,.7)}.skeleton--ease-in .skeleton__block--i01{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.skeleton--ease-in .skeleton__block--i01:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:1%;background-color:hsla(0,0%,96.5%,.8);-webkit-box-shadow:0 0 55px 60px hsla(0,0%,96.5%,.7);box-shadow:0 0 55px 60px hsla(0,0%,96.5%,.7);-webkit-animation:skeleton-wave 1.5s ease-in -.3s infinite forwards;animation:skeleton-wave 1.5s ease-in -.3s infinite forwards}html[data-theme=dark] .skeleton--ease-in .skeleton__block--i01:after{background-color:rgba(27,27,27,.8);-webkit-box-shadow:0 0 55px 60px rgba(27,27,27,.7);box-shadow:0 0 55px 60px rgba(27,27,27,.7)}.skeleton--ease-in .skeleton__block--p01{position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.skeleton--ease-in .skeleton__block--p01:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:1%;background-color:hsla(0,0%,96.5%,.8);-webkit-box-shadow:0 0 15px 12px hsla(0,0%,96.5%,.7);box-shadow:0 0 15px 12px hsla(0,0%,96.5%,.7);-webkit-animation:skeleton-wave 1.5s ease-in -.3s infinite forwards;animation:skeleton-wave 1.5s ease-in -.3s infinite forwards}html[data-theme=dark] .skeleton--ease-in .skeleton__block--p01:after{background-color:rgba(27,27,27,.8);-webkit-box-shadow:0 0 15px 12px rgba(27,27,27,.7);box-shadow:0 0 15px 12px rgba(27,27,27,.7)}.PlaceHolder-inner{position:relative;overflow:hidden;background:#f6f6f6;color:#fff}html[data-theme=dark] .PlaceHolder-inner{background:#1b1b1b;color:#121212}.PlaceHolder-mask{position:relative;min-width:100%;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.PlaceHolder-bg{position:absolute;width:200%;height:100%;background:-webkit-gradient(linear,left top,right top,from(#f6f6f6),color-stop(20%,#ebebeb),color-stop(40%,#f6f6f6),to(#f6f6f6));background:linear-gradient(90deg,#f6f6f6 0,#ebebeb 20%,#f6f6f6 40%,#f6f6f6);-webkit-animation:linear-double 1s linear 1ms infinite forwards;animation:linear-double 1s linear 1ms infinite forwards}html[data-theme=dark] .PlaceHolder-bg{background:-webkit-gradient(linear,left top,right top,from(#1b1b1b),color-stop(20%,#2e2e2e),color-stop(40%,#1b1b1b),to(#1b1b1b));background:linear-gradient(90deg,#1b1b1b 0,#2e2e2e 20%,#1b1b1b 40%,#1b1b1b)}@-webkit-keyframes linear-double{0%{-webkit-transform:translateX(-56%);transform:translateX(-56%)}to{-webkit-transform:translateX(56%);transform:translateX(56%)}}@keyframes linear-double{0%{-webkit-transform:translateX(-56%);transform:translateX(-56%)}to{-webkit-transform:translateX(56%);transform:translateX(56%)}}.GoodsCardList{min-height:306px}.GoodsCardList .ModalWindow-inner{height:100%}.GoodsCardList-container{width:100%}.GoodsCardList-container .GoodsItemCard{height:72px;padding-left:0;cursor:pointer}.GoodsCardList-container .GoodsItemCard .GoodsItemCard-left{width:72px;height:72px}.GoodsCardList-container .GoodsItemCard .GoodsItemCard-title{font-size:15px;color:#444;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}html[data-theme=dark] .GoodsCardList-container .GoodsItemCard .GoodsItemCard-title{color:#d3d3d3}.GoodsCardList-container .GoodsItemCard .GoodsItemCard-price{font-size:15px}.GoodsCardList-container .GoodsItemCard .GoodsItemCard-footerText{font-size:14px;line-height:20px;color:grey}html[data-theme=dark] .GoodsCardList-container .GoodsItemCard .GoodsItemCard-footerText{color:#999}.GoodsCardList-listItem{margin-bottom:26px}.GoodsCardList-listItem:last-child{margin-bottom:0}.GoodsCardList-error{min-height:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.GoodsCardList-errorDesc{font-weight:500;font-size:15px;line-height:21px;color:#8590a6;opacity:.8}html[data-theme=dark] .GoodsCardList-errorDesc{color:#8590a6}.GoodsCardList-errorBtn{margin-top:10px;font-weight:500;font-size:15px;line-height:21px;color:#0084ff}html[data-theme=dark] .GoodsCardList-errorBtn{color:#0084ff}
|
|
/*# sourceMappingURL=main.GoodsRecommendGoodsCardList.216a26f4.fa8ead9ef18009727ea4.css.map */ |