style.styl
3.69 KB
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