ice-mina/style/shopping.sass at 60cc0eb212a8311c3805fed0bd19cb4cb0402eca · huanglong-zz/ice-mina · GitHub

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
.shopping
  .shopping-title
    width: 100vw
    height: 112rpx
    display: flex
    justify-content: center
    align-items: center
    font-size: $content
    color: $grey-900
    border-top: 1px solid$grey-400
    border-bottom: $gutter solid$grey-200

  .shopping-list

    .shopping-item
      width: 100vw
      height: 40vw
      overflow: hidden
      display: flex

      .shopping-media
        width: 40vw
        height: 40vw

        image
          width: 40vw
          height: 40vw

      .shopping-body
        flex: 1
        border-bottom: 1px solid$grey-200
        padding: .8 * $gutter
        display: flex
        flex-direction: column

        .shopping-body-title
          height: $content + 10rpx
          color: $grey-800
          font-size: $content
          margin-bottom: .4 * $gutter
          +text-overflow
          width: calc(60vw - 1.6 * #{$gutter})

        .shopping-body-content
          max-height: 4.8 * $content
          color: $grey-600
          font-size: $supplement
          line-height: 1.2 * $content
          flex: 1

          text
            width: 100%
            overflow : hidden
            text-overflow: ellipsis
            display: -webkit-box
            -webkit-line-clamp: 4
            -webkit-box-orient: vertical

        .shopping-body-footer
          height: 50rpx
          padding-right: $gutter
          color: $blue
          font-size: $caption
          position: relative

          .text
            display: inline
            position: absolute
            right: 0
            top: calc(50% - #{$caption} / 2)

          .icon
            font-family: 'Material Icons'
            font-size: 1.6 * $caption
            display: inline