order.scss 5.68 KB
Newer Older
xuzhenghua committed
1 2
.order-wrapper {
  width: 100%;
wangshuo committed
3
  height: 100vh;
xuzhenghua committed
4 5 6 7
  margin-bottom: 50px;
  background-color: $bg_f5f5f5;

  .order-tab {
.  
baiguangyao committed
8 9
    color: $black;
    background: $bg_f7f9fc;
xuzhenghua committed
10 11 12
  }

  .order-information {
.  
baiguangyao committed
13 14 15
    display: flex;
    width: 100%;
    overflow: hidden;
xuzhenghua committed
16
    padding: 29px 15px;
.  
baiguangyao committed
17 18 19
    color: $color_555;
    background-color: $bg_fff;
    position: relative;
xuzhenghua committed
20
  }
xuzhenghua committed
21

xuzhenghua committed
22 23

  .order-information::before {
.  
baiguangyao committed
24 25 26 27 28 29 30 31 32
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    position: absolute;
    background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
    background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
    background-size: 80px;
xuzhenghua committed
33 34
  }

wangshuo committed
35 36 37 38 39
  .order-information2 {
    height: 80px;
    background-color: #FFF;
    margin-top: 8px;
    position: relative;
xuzhenghua committed
40

wangshuo committed
41 42
    .user-icon {
      font-size: 28px;
43
      flex-basis: 40px;
baiguangyao committed
44
    }
wangshuo committed
45 46 47 48 49 50

    .order-cell {
      height: 50px;
      font-size: 13px;
      color: $color_333;
      line-height: 20px;
51
      flex: 1 1 auto;
xuzhenghua committed
52

wangshuo committed
53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
      .name {
        margin-bottom: 10px;
      }
    }
  }

  .order-information2::before {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    position: absolute;
    background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
    background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
    background-size: 80px;
xuzhenghua committed
69 70 71 72
  }

  .order-addsize {
    font-size: 22px !important;
.  
baiguangyao committed
73
    margin-bottom: 0px;
xuzhenghua committed
74
    height: 22px;
.  
baiguangyao committed
75
    color: $active;
xuzhenghua committed
76 77 78 79 80 81 82 83 84
    line-height: 22px;
  }

  .order-next {
    line-height: 22px;
    margin-bottom: 0px;
  }

  .order-list {
.  
baiguangyao committed
85
    margin-top: 8px;
wangshuo committed
86
    background-color: #F5F5F5;
xuzhenghua committed
87 88 89 90 91 92
    .public-content {
      padding: 10px 15px;
    }
  }

  .order-infotext {
.  
baiguangyao committed
93
    flex: 1;
xuzhenghua committed
94 95
    height: 22px;
    line-height: 22px;
.  
baiguangyao committed
96
    margin-left: 10px;
wangshuo committed
97
    font-size: $font_14;
.  
baiguangyao committed
98
    color: $color_555;
xuzhenghua committed
99 100 101
  }

  .order-info {
.  
baiguangyao committed
102 103
    color: $color_666;
    font-size: $font_14;
wangshuo committed
104 105 106 107 108
    min-width: 160px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
xuzhenghua committed
109 110 111 112

    .order-title {
      color: $color_333;
      font-size: $font_16;
.  
baiguangyao committed
113
    }
xuzhenghua committed
114 115 116 117 118

    .order-content {
      color: $color_666;
      font-size: $font_14;
      line-height: 18px;
.  
baiguangyao committed
119
    }
baiguangyao committed
120

xuzhenghua committed
121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138
    .order-newprice {
      color: $redprice;
      font-size: $font_16;
      margin-right: 15px;
    }

    .order-price {
      color: $color_999;
      font-size: $font_12;
      text-decoration: line-through;
    }
  }

  .order-bar {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 2;
baiguangyao committed
139 140 141 142 143
    height: 50px;
    display: flex;
    font-size: 14px;
    align-items: center;
    background-color: $bg_fff;
xuzhenghua committed
144 145 146
  }

  .order-course {
baiguangyao committed
147
    margin-left: 20px;
xuzhenghua committed
148 149 150 151

    .order-course-text {
      font-size: $font_16;
      color: $color_333;
baiguangyao committed
152
    }
xuzhenghua committed
153 154 155
  }

  .order-bar-text {
baiguangyao committed
156 157 158
    flex: 1;
    text-align: right;
    color: #323233;
xuzhenghua committed
159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176
    padding-right: 20px;

    .order-amount {
      font-size: $font_14;
      color: $color_333;

      .order-amount-price {
        color: $redprice;
      }
    }

    .order-preprice {
      font-size: $font_12;
      color: $color_555;
    }
  }

  .order-button {
baiguangyao committed
177 178 179 180
    width: 110px;
    height: 50px;
    display: inline-block;
    padding: 0;
xuzhenghua committed
181
    background-color: $bg_ff9898;
baiguangyao committed
182 183 184 185 186 187 188 189 190
    color: $white;
    line-height: 48px;
    font-size: 16px;
    border-radius: 0px;
    text-align: center;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    border: 1px solid transparent;
xuzhenghua committed
191
  }
wangshuo committed
192 193 194
  .has-info {
    background-color: #FF3131;
  }
baiguangyao committed
195

xuzhenghua committed
196
  .v-list-item {
.  
baiguangyao committed
197 198
    margin-top: 8px;
    padding: 10px 15px 0 15px;
xuzhenghua committed
199 200 201

    .content {
      border-bottom: none;
.  
baiguangyao committed
202
    }
xuzhenghua committed
203 204 205
  }

  .order-prefer {
xuzhenghua committed
206 207 208 209 210
    .am-list-body{
      &::after{
        display: none;
      }
    }
wangshuo committed
211 212 213
    .am-list-content {
      font-size: 15px !important;
    }
xuzhenghua committed
214 215
    .am-list-line {
      padding: 0 15px;
.  
baiguangyao committed
216
    }
xuzhenghua committed
217 218
  }

219 220 221 222
  .order-balance{
    .order-balanceprice {
      color: $color_666;
      font-size: $font_12;
xuzhenghua committed
223

224 225 226 227 228 229 230 231 232 233 234 235
      .order-money {
        color: #ff2121;
        font-size: $font_12 !important;
        font-weight: normal;
        font-style: inherit;
        vertical-align: middle;
        margin: 0;
      }
    }
     .am-list-content .iconiconfront-22.question-mark {
      font-size: 24px;
    }
xuzhenghua committed
236 237 238 239 240 241
    .am-list-body{
      &::before, &::after{
        display: none;
      }

    }
242 243 244 245 246 247 248 249 250 251
    .balance-used {
      font-size: 24px;
      color: #0099FF;
    }
    .circle-icon {
      width: 20px;
      height: 20px;
      border: 1px solid #BFBFBF;
      border-radius: 50%;
      margin-right: 2px;
.  
baiguangyao committed
252
    }
xuzhenghua committed
253
  }
.  
baiguangyao committed
254

xuzhenghua committed
255
  .am-list-item .am-list-line .am-list-content {
.  
baiguangyao committed
256
    color: $color_333;
xuzhenghua committed
257 258 259 260 261 262 263 264 265 266 267
  }
  .order-list {
    .am-list-item {
      padding-left: 0 !important;
    }
  }


  .order-balance {
    height: 44px;
    line-height: 44px;
xuzhenghua committed
268 269
    margin: 8px 0 8px 0;
    display: flow-root;
xuzhenghua committed
270 271 272 273 274 275 276 277 278 279 280 281 282 283
    .am-list-item {
      padding-left: 0 !important;

    }
    .am-list-line {
      padding: 0 15px;
    }
    .am-list-content {
      color: $color_333;
      font-size: $font_16;
      .iconiconfront-22 {
        font-size: 18px;
        margin-left: 15px;
      }
.  
baiguangyao committed
284
    }
xuzhenghua committed
285
  }
xuzhenghua committed
286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304

  .full__rules {
    width: 100%;
    height: 50px;
    margin-top: 16px;
    background: #FFF;
    font-size: 14px;
    background: #fff;
    color: #999;
    .money__off {
      height: 50px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .money{
        color: #FF3131;
    }
  }
.  
baiguangyao committed
305
}