Blame view

static/sass/shopping-cart/_gift-advance-good.scss 2.29 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112
.gift-advance-page {
    .gift-advance-good {
        position: relative;
        padding: 20rem / $pxConvertRem 0;
        margin-left: 34rem / $pxConvertRem;
        height: 160rem / $pxConvertRem;
        border-bottom: 1px solid #e0e0e0;

        &:last-child {
            border-bottom: none;
        }
    }


    .advance-block .gift-advance-good:last-child {
        border-bottom: none;
    }

    .advance-block:last-child .gift-advance-good:last-child {
        border-bottom: 1px solid #e0e0e0;
    }

    .thumb-wrap {
        position: relative;
        float: left;
        width: 120rem / $pxConvertRem;
        height: 160rem / $pxConvertRem;

        .thumb {
            width: 100%;
            height: 100%;
        }
    }

    .tag {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 25rem / $pxConvertRem;
        color: #fff;
        text-align: center;
        background: #a1ce4e;

        &:before {
            content: '赠品';
        }
    }

    .deps {
        margin-left: 135rem / $pxConvertRem;
    }

    .name {
        font-size: 28rem / $pxConvertRem;
    }

    .row:nth-child(2) {
        font-size: 22rem / $pxConvertRem;
        height: 45rem / $pxConvertRem;
        line-height: 45rem / $pxConvertRem;

        > span {
            margin-right: 15rem / $pxConvertRem;
        }
    }

    .row:nth-child(3) {
        position: relative;
    }

    .color, .size {
        color: #b6b6b6;
    }

    .price {
        font-size: 24rem / $pxConvertRem;
        color: #000;
    }

    .count {
        font-size: 20rem / $pxConvertRem;
        color: #999;
        margin-left: 22rem / $pxConvertRem;
    }

    .chose {
        position: absolute;
        width: 88rem / $pxConvertRem;
        height: 58rem / $pxConvertRem;
        background: #f8f8f8;
        border: 1px solid #ccc;
        right: 20rem / $pxConvertRem;
        top: 71rem / $pxConvertRem;
        font-size: 26rem / $pxConvertRem;
    }

    .title {
        height: 50rem / $pxConvertRem;
        line-height: 50rem / $pxConvertRem;
        padding-left: 20rem / $pxConvertRem;
        font-size: 24rem / $pxConvertRem;
        background: #f8f8f8;
    }

    .advance-block .tag {
        background: #eb76aa;
        &:before {
            content: '加价购';
        }
    }
}