Blame view

src/style.styl 3.69 KB
ce4c83ff   wxy   初始提交
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
  Flex(display, justify = flex-start, align = stretch, direction = row)
      display display
      if (justify != flex-start)
          justify-content justify
      if (align != stretch)
          align-items align
      if (direction != row)
          flex-direction direction
  
  thinLine(direction, color = #D9D9D9)
      content " "
      position absolute
      left 0
      right 0
      height 1px
      if(direction == top)
          top 0
          border-top 1px solid color
      else
          bottom 0
          border-bottom 1px solid color
      color color
      transform-origin 0 0
      transform scaleY(.5)
  
  Triangle(direction, base, height, color=#BBB)
      Height_Width(0)
      if(direction==up)
          border-bottom height solid color
          border-left (base / 2) solid transparent
          border-right (base / 2) solid transparent
      else if(direction==down)
          border-top height solid color
          border-left (base / 2) solid transparent
          border-right (base / 2) solid transparent
      else if(direction==left)
          border-right height solid color
          border-top (base / 2) solid transparent
          border-bottom (base / 2) solid transparent
      else if(direction==right)
          border-left height solid color
          border-top (base / 2) solid transparent
          border-bottom (base / 2) solid transparent
  
  Border(top, right, bottom, left, color = #EEE)
      if (top != 0)
          border-top top solid color
      if (right != 0)
          border-right right solid color
      if (bottom != 0)
          border-bottom bottom solid color
      if (left != 0)
          border-left left solid color
  
  BorderBox()
      box-sizing border-box
  
  Font(size, height = size, weight = normal)
      if(weight == normal)
          font size / height !specified
      else
          font weight size / height !specified
  
  Height_Width(height, width = height)
      height height
      width width
  
  Background(bgcolor = #F6F6F6)
      background bgcolor
  
  themeColor = #AA001A
  .LoadingMask
      position fixed
      Flex(flex,center,center)
      background white
      Height_Width(100%)
      z-index 99999
      img
          Height_Width(40rpx)
          animation loading 1s steps(12) infinite
  @-webkit-keyframes loading
      0%
          transform rotate(0)
      to
          transform rotate(1turn)
  .img-box
      display flex
      flex-wrap wrap
      width 100%
      >img, >div
          Height_Width(160rpx)
          margin-right 20rpx
          margin-bottom 20rpx
  .subtitle
      display flex
      padding 27rpx 40rpx
      font 27rpx / 36rpx !specified
      word-wrap break-word
      Border(1rpx, 0, 1rpx, 0)
  .greytitle
      padding-left 30rpx
      Font(30rpx, 80rpx)
      background #fff
  .para-title
    Flex(flex, , center)
    Font(32rpx, 100rpx, bold)
    color #424242
    div
      margin-right 20rpx
      Height_Width(45rpx, 10rpx)
      background themeColor
  .commit
      padding 30rpx
      BorderBox()
      navigator, div, button
          Height_Width(100%)
          background themeColor
          color white
          text-align center
          Font(32rpx, 80rpx)
          border-radius 10rpx
  .between
      justify-content space-between
  .list-input
      Flex(flex, , center)
      Height_Width(90rpx, 100%)
      Font(30rpx, 35rpx)
      background-color white
      border-bottom 1rpx solid #dedede
      BorderBox()
      span
          margin 0 30rpx
          white-space nowrap
      input
          flex 1
          margin-right 30rpx
          text-align right
          // color #777
      .unset
          color #9B9B9B
      navigator
          overflow hidden
          white-space nowrap
          margin-right 30rpx
          color #757575
      >div, picker
          margin-right 30rpx
          color #757575
  .fade
      opacity .5
  .hover
      background-color #D5D5D5 !important
  .hover-shallow
      background-color #EDEDED !important
  .hide
      display none !important
  textarea
      padding 10rpx