搜索結果
<風格>
.rapid-search_do-not-delete-this-page {
}
.rps 骨架容器 {
顯示:網格;
邊框半徑:3px;
最大寬度:1200px;
網格間隙:30px;
邊距:0 自動;
}
.rps-結果 div:empty {
顯示:初始;
}
.rps-skeleton-results-page-header-wrapper {
顯示:網格;
高度:73px;
背景:白色;
網格模板列:1fr 最大內容;
網格間隙:20px;
對齊項目:居中;
邊框半徑:3px;
填充:10px 20px;
}
.rps-skeleton-filter-menu-container {
溢出:隱藏;
填充:20px;
顯示:網格;
背景:白色;
網格間隙:20px;
邊框半徑:3px;
高度:最大內容;
}
.rps-skeleton-result-page-body-container {
顯示:網格;
網格間隙:30px;
對齊項目:彈性開始;
網格模板列:minmax(200px,250px)1fr;
}
.rps-skeleton-main-content-container {
顯示:網格;
網格間隙:1px;
邊框半徑:3px;
網格模板列:重複(3、1fr);
}
.rps 骨架產品容器 {
背景:白色;
顯示:網格;
網格間隙:10px;
高度:最大內容;
填充:20px;
}
.rps-skeleton-product-container .rps-skeleton-product-image {
高度:200px;
寬度:100%;
邊距:0 自動;
邊距底部:10px;
邊框半徑:5px;
背景顏色:#ccc;
背景圖像:線性漸變(90度,#f4f4f4 0px,rgba(229、229、229、0.8)40px,#f4f4f4 80px);
背景尺寸:600px;
動畫:shine-rps-skeleton-product-image 2s 無限緩出;
}
.rps-skeleton-results-page-header-wrapper .rps-skeleton-line {
最大寬度:200px;
}
.rps-skeleton-results-page-header-wrapper .rps-skeleton-line ~ .rps-skeleton-line {
寬度:200px;
}
.rps 骨架線 {
高度:16px;
邊框半徑:7px;
背景圖像:線性漸變(90度,#f4f4f4 0px,rgba(229、229、229、0.8)40px,#f4f4f4 80px);
背景尺寸:600px;
動畫:shine-lines 2s 無限緩出;
}
.rps-skeleton-product-container .rps-skeleton-line ~ .rps-skeleton-line {
寬度:100px;
}
@keyframes 閃耀線{
0% {
背景位置:-100px;
}
40%,
100% {
背景位置:140px;
}
}
@keyframes 閃耀-rps-skeleton-product-image {
0% {
背景位置:-32px;
}
40%,
100% {
背景位置:208px;
}
}
@media all and (max-width: 992px) {
.rps-skeleton-filter-menu-container {
顯示:無;
}
.rps-skeleton-result-page-body-container {
網格模板列:1fr;
}
}
@media all and (max-width: 768px) {
.rps-skeleton-main-content-container {
網格模板列:重複(3,minmax(100px,1fr));
}
}
@media all and (max-width: 576px) {
.rps-skeleton-main-content-container {
網格模板列:重複(2,minmax(100px,1fr));
}
}
@media all and (max-width: 400px) {
.rps-skeleton-main-content-container {
網格模板列:1fr;
}
}