Blame view

public/scss/cart/jit-detail.page.css 1.72 KB
郭成尧 authored
1
郭成尧 authored
2 3
@import "layout/swiper";
郭成尧 authored
4
$swiper-container-height: 233px;
郭成尧 authored
5
陈轩 authored
6 7 8
.jit-detail-page {
    background-color: #f0f0f0;
ccbikai(👎🏻🍜) authored
9 10 11 12
    .top,
    .middle,
    .bottom {
        background-color: #fff;
陈轩 authored
13
    }
ccbikai(👎🏻🍜) authored
14 15 16

    .top,
    .bottom {
郭成尧 authored
17
        line-height: 40px;
陈轩 authored
18 19 20 21 22
        color: #444;
        padding: 0 20px;
    }

    .top {
郭成尧 authored
23 24
        padding-top: 4px;
        padding-bottom: 4px;
陈轩 authored
25
        margin-bottom: 1PX;
郭成尧 authored
26
        font-size: 26px;
陈轩 authored
27 28
    }
郭成尧 authored
29
    .middle {
郭成尧 authored
30
        padding-bottom: 40px;
郭成尧 authored
31 32
    }
陈轩 authored
33 34 35
    .bottom {
        font-size: 28px;
        margin-bottom: 28px;
郭成尧 authored
36
        padding-bottom: 8px;
陈轩 authored
37 38 39
    }

    .swiper-container {
郭成尧 authored
40
        padding: 30px 0 0;
陈轩 authored
41
        width: 100%;
郭成尧 authored
42
        height: $swiper-container-height;
陈轩 authored
43 44 45
        overflow-y: hidden;

        .swiper-wrapper-jit {
郭成尧 authored
46
            height: $swiper-container-height;
陈轩 authored
47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
        }

        .swiper-slide {
            margin: 0 10px;
            float: left;
            width: 156px;
            position: relative;

            &:first-child {
                margin-left: 30px;
            }

            &:last-child {
                margin-right: 30px;
            }
郭成尧 authored
63 64 65 66 67
            img {
                width: 152px;
                height: 204px;
            }
陈轩 authored
68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91
            .tag {
                display: inline-block;
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 0.8rem;
                line-height: 0.8rem;
                color: #fff;
                text-align: center;
                font-size: 12PX;

                &.add {
                    background: #eb76aa;
                }

                &.gift {
                    background: #a1ce4e;
                }
            }
        }
    }
}