Blame view

static/sass/cart/_order-ensure.scss 6.26 KB
xuqi authored
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
.order-ensure-page {
    background: #f0f0f0;

    .block {
        background: #fff;
        margin: 20rem / $pxConvertRem 0;
        padding: 30rem / $pxConvertRem 20rem / $pxConvertRem;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }

    .title {
        font-size: 26rem / $pxConvertRem;
        font-weight: bold;
    }

    .address-wrap {
        display: block;
        position: relative;
        margin-top: 0;
        border-top: none;

        > .iconfont {
            position: absolute;
            color: #bcbcbc;
            right: 20rem / $pxConvertRem;
            top: 50%;
            margin-top: -8px;
        }

        .infos {
            font-weight: bold;
            font-size: 24rem / $pxConvertRem;
            padding-right: 55rem / $pxConvertRem;
        }

        .per-info {
            float: right;
        }

        .address {
            display: block;
            margin-top: 20rem / $pxConvertRem;
            color: #bcbcbc;
            font-weight: normal;
        }
    }
48
xuqi authored
49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66
    .dispatch .title {
        margin-bottom: 10rem / $pxConvertRem;
    }

    .dispatch .sub-block:first-child {
        border-bottom: 1px solid #f7f7f7;
        margin-bottom: 15rem / $pxConvertRem;
    }

    .dispatch-mode li,
    .dispatch-time li {
        float: left;
        padding: 10rem / $pxConvertRem 20rem / $pxConvertRem;
        margin-right: 15rem / $pxConvertRem;
        margin-bottom: 15rem / $pxConvertRem;
        border: 1px solid #c9c9c9;
        color: #676767;
        font-size: 26rem / $pxConvertRem;
xuqi authored
67 68 69 70 71 72 73

        &.chosed {
            border-color: #000;
            background: image-url('shopping-cart/black-right.png') no-repeat;
            background-size: 30rem / $pxConvertRem;
            background-position: bottom right;
        }
xuqi authored
74 75 76 77
    }

    .goods {
        margin-right: -20rem / $pxConvertRem;
78 79 80 81 82 83 84 85 86 87 88 89 90 91

        .price-wrap {
            position: static;
            text-align: left;

            .price {
                color: #444;
            }

            .count {
                display: inline;
                margin-left: 20rem / $pxConvertRem;
            }
        }
92 93 94 95

        .name {
            max-width: pxToRem(400px);
        }
xuqi authored
96 97 98 99 100 101 102 103 104 105
    }

    .sale-invoice {
        margin-top: -20rem / $pxConvertRem;
        font-size: 24rem / $pxConvertRem;

        li {
            height: 90rem / $pxConvertRem;
            line-height: 90rem / $pxConvertRem;
            border-bottom: 1px solid #f7f7f7;
毕凯 authored
106
            overflow: hidden;
107 108 109 110

            a {
                display: block;
            }
xuqi authored
111 112 113
        }

        .coupon-count {
114
            padding: 5rem / $pxConvertRem 15rem / $pxConvertRem;
xuqi authored
115 116 117 118 119 120
            background: #f00;
            color: #fff;
            @include border-radius(10px);
            margin-left: 20rem / $pxConvertRem;
        }
121
        .coupon-use {
毕凯 authored
122
            @include box-sizing(border-box);
123
            position: relative;
xuqi authored
124
            float: right;
125
            padding-right: 30rem / $pxConvertRem;
xuqi authored
126
            color: #999;
127
            text-align: right;
毕凯 authored
128
            width: 320rem / $pxConvertRem;
129 130 131
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
132 133

            .iconfont {
134 135 136
                position: absolute;
                top:0;
                right: 0;
137 138
                color: #999;
            }
xuqi authored
139
        }
毕凯 authored
140
141 142 143 144 145 146
        .checkbox {
            display: inline-block;
            width: 80rem / $pxConvertRem;
            text-align: center;
            margin-right: -20rem / $pxConvertRem;
        }
xuqi authored
147 148 149 150 151 152 153 154 155 156

        .coin-check {
            float: right;
            color: #999;

            .checkbox {
                margin-left: 5rem / $pxConvertRem;
                color: #000;
            }
157 158 159 160
            &.used {
                color: #f00;
            }
161 162 163 164
            em {
                color: #f00;
            }
xuqi authored
165 166 167
        }

        .checkbox.icon-checkbox {
xuqi authored
168
            color: #ccc;
xuqi authored
169 170
        }
毕凯 authored
171 172 173 174 175 176 177 178
        .invoice {
            .checkbox {
                float: right;
            }

            &.focus {
                height: auto;
            }
xuqi authored
179 180 181 182 183 184 185
        }

        .desc {
            color: #999;
        }
    }
186 187 188 189 190 191
    .block {
        input, textarea {
            box-sizing: border-box;
            margin: pxToRem(20px) 0;
            padding: 0 pxToRem(12px);
            width: 100%;
192
            height: pxToRem(72px);
193 194
            color: #444;
            background: #efefef;
195
            font-size: pxToRem(24px);
196 197 198 199 200 201 202 203 204 205
            line-height: 1;
            outline: 0;
            border: 0;
            @include border-radius(4px);
        }
        textarea {
            padding: pxToRem(12px);
            height: auto;
            resize: none;
        }
206 207
    }
毕凯 authored
208
    #invoice {
209
        border-top: 1px solid #f7f7f7;
毕凯 authored
210 211

        label {
212 213
            display: block;
            border-top: 1px solid #f7f7f7;
毕凯 authored
214 215 216 217 218 219 220 221 222 223 224 225
        }

        select {
            position: relative;
            float: right;
            width: 40%;
            height: pxToRem(50px);
            top: pxToRem(20px);
            border: 1px solid #f7f7f7;
        }
    }
毕凯 authored
226 227 228
    #msg {
        padding-top: pxToRem(20px);
        input {
229
            margin: 0;
毕凯 authored
230 231 232 233
        }

    }
xuqi authored
234 235 236 237 238 239 240 241 242 243
    .total {
        font-size: 22rem / $pxConvertRem;
        margin-top: 20rem / $pxConvertRem;

        span {
            display: inline-block;
            width: 130rem / $pxConvertRem;
        }
    }
毕凯 authored
244 245 246
    // .price-cal {
        // font-family: monospace;
    // }
247
xuqi authored
248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274
    .cost {
        border-top: 1px solid #f7f7f7;
        line-height: 100rem / $pxConvertRem;
        margin-top: 10rem / $pxConvertRem;
        font-size: 34rem / $pxConvertRem;

        em {
            color: #f00;
        }
    }

    .pay-mode {
        background: #fff;
        padding: 0 20rem / $pxConvertRem;
        margin-top: -22rem / $pxConvertRem;

        li {
            height: 88rem / $pxConvertRem;
            line-height: 88rem / $pxConvertRem;
            margin-bottom: 28rem / $pxConvertRem;
            @include border-radius(5px);
            font-size: 32rem / $pxConvertRem;
            color: #fff;
            text-align: center;
            background: #000;
        }
毕凯 authored
275
        .default {
xuqi authored
276 277
            background: #57b038;
        }
xuqi authored
278 279 280 281 282

        .iconfont {
            margin-right: 20rem / $pxConvertRem;
            font-size: 32rem / $pxConvertRem;
        }
xuqi authored
283
    }
284
}