Blame view

public/scss/channel/_vip-only.css 1.71 KB
zzzzzzz authored
1
.vip-only {
zzzzzzz authored
2
    display: none;
zzzzzzz authored
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
    position: relative;
    background: #fff;
    -webkit-overflow-scrolling: touch;

    &-banner {
        height: 200px;
        width: 100%;
        overflow: hidden;
    }

    &-goods-list {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        background-size: 100% 100%;

        ul {
            height: 330px;
            padding: 25px 0 17px 26px;
            white-space: nowrap;
        }
    }

    &-goods {
        display: inline-block;
        height: 290px;
        width: 153px;
        margin-right: 26px;
31
        background: #fff;
zzzzzzz authored
32 33 34 35 36 37 38 39 40 41
        border-radius: 5px;
        vertical-align: top;

        .goods-pic {
            height: 206px;
            width: 100%;
        }

        .goods-info {
            position: relative;
42
            height: 84px;
43
            width: 200%;
zzzzzzz authored
44
            background: #fff;
ccbikai(👎🏻🍜) authored
45
            padding: 28px 0 20px;
46 47
            transform: scale(0.5);
            transform-origin: 0 0 0;
zzzzzzz authored
48 49

            .vip-price {
zzzzzzz authored
50
                display: none;
zzzzzzz authored
51
                color: #d0021b;
52
                font-size: 40px;
zzzzzzz authored
53
                line-height: 1;
54
                text-align: center;
zzzzzzz authored
55 56 57 58
            }

            .sale-price {
                color: #b0b0b0;
59 60
                font-size: 30px;
                line-height: 40px;
zzzzzzz authored
61
                text-decoration: line-through;
62
                margin-top: 24px;
zzzzzzz authored
63 64 65 66
            }

            .vip-icon {
                display: inline-block;
67 68 69
                height: 40px;
                width: 100px;
                margin-left: 16px;
zzzzzzz authored
70
                vertical-align: middle;
ccbikai(👎🏻🍜) authored
71
                background: resolve("channel/vip.png");
zzzzzzz authored
72 73 74 75
                background-size: 100% 100%;
            }
        }
    }
郭成尧 authored
76
}