Blame view

public/scss/product/_index.css 1.49 KB
514335620@qq.com authored
1 2 3 4
@import "search";
@import "list";
@import "filter-box";
@import "sort-pager";
liangxs authored
5
@import "good";
514335620@qq.com authored
6 7 8 9 10 11
@import "latest-walk";
@import "left-content";
@import "no-result";
@import "hot-rank";
@import "shop-entry";
@import "detail";
阿达 authored
12 13
@import "sale/index";
@import "outlets/index";
周少峰 authored
14
@import "shop-index";
wenjiekong authored
15
@import "students/index";
liangxs authored
16
yyq authored
17 18 19 20 21 22 23 24 25 26
.product-page {
    .list-left {
        width: 160px;
    }

    .list-right {
        width: 970px;
    }
}
514335620@qq.com authored
27 28
.product-list-page,
.new-sale-page {
liangxs authored
29 30 31 32
    .goods-container {
        height: auto;
        padding-top: 25px;
        position: relative;
514335620@qq.com authored
33
        width: calc(970px + 10px);/* 每列增加右边距 */
liangxs authored
34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53

        .good-info {
            width: 235px;

            .good-detail-img {
                height: 315px;
            }
        }

        .block-next-page {
            width: 235px;
            height: 315px;
        }
    }

    .filter-box .brand .attr-content {
        max-width: 730px;
    }
}
514335620@qq.com authored
54
/* 990px */
55
liangxs authored
56 57 58 59 60 61 62 63 64 65 66
.min-screen .product-list-page,
.min-screen .new-sale-page {

    .list-right {
        width: 810px;
    }

    .goods-container {
        height: auto;
        padding-top: 25px;
        position: relative;
514335620@qq.com authored
67
        width: calc(810px + 10px);/* 每列增加右边距 */
liangxs authored
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86

        .good-info {
            width: 195px;

            .good-detail-img {
                height: 261px;
            }
        }

        .block-next-page {
            width: 195px;
            height: 261px;
        }
    }

    .filter-box .brand .attr-content {
        max-width: 570px;
    }
}