y-design-ssr 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (224) hide show
  1. package/README.md +12 -1
  2. package/libs/button/index.css +1 -0
  3. package/libs/button/index.mjs +152 -0
  4. package/libs/button/index.umd.js +2 -0
  5. package/libs/button/package.json +5 -0
  6. package/libs/cell/index.css +1 -0
  7. package/libs/cell/index.mjs +231 -0
  8. package/libs/cell/index.umd.js +2 -0
  9. package/libs/cell/package.json +5 -0
  10. package/libs/checkbox/index.css +1 -0
  11. package/libs/checkbox/index.mjs +248 -0
  12. package/libs/checkbox/index.umd.js +2 -0
  13. package/libs/checkbox/package.json +5 -0
  14. package/libs/checkboxGroup/index.css +1 -0
  15. package/libs/checkboxGroup/index.mjs +173 -0
  16. package/libs/checkboxGroup/index.umd.js +2 -0
  17. package/libs/checkboxGroup/package.json +5 -0
  18. package/libs/col/index.css +1 -0
  19. package/libs/col/index.mjs +134 -0
  20. package/libs/col/index.umd.js +2 -0
  21. package/libs/col/package.json +5 -0
  22. package/libs/countdown/index.css +1 -0
  23. package/libs/countdown/index.mjs +117 -0
  24. package/libs/countdown/index.umd.js +2 -0
  25. package/libs/countdown/package.json +5 -0
  26. package/libs/dialog/index.css +1 -0
  27. package/libs/dialog/index.mjs +952 -0
  28. package/libs/dialog/index.umd.js +2 -0
  29. package/libs/dialog/package.json +5 -0
  30. package/libs/empty/index.css +1 -0
  31. package/libs/empty/index.mjs +86 -0
  32. package/libs/empty/index.umd.js +2 -0
  33. package/libs/empty/package.json +5 -0
  34. package/libs/form/index.css +1 -0
  35. package/libs/form/index.mjs +213 -0
  36. package/libs/form/index.umd.js +2 -0
  37. package/libs/form/package.json +5 -0
  38. package/libs/formItem/index.css +1 -0
  39. package/libs/formItem/index.mjs +216 -0
  40. package/libs/formItem/index.umd.js +2 -0
  41. package/libs/formItem/package.json +5 -0
  42. package/libs/icon/index.css +1 -0
  43. package/libs/icon/index.mjs +131 -0
  44. package/libs/icon/index.umd.js +2 -0
  45. package/libs/icon/package.json +5 -0
  46. package/libs/index.css +1 -154
  47. package/libs/index.mjs +2348 -3788
  48. package/libs/index.umd.js +2 -5505
  49. package/libs/input/index.css +1 -0
  50. package/libs/input/index.mjs +177 -0
  51. package/libs/input/index.umd.js +2 -0
  52. package/libs/input/package.json +5 -0
  53. package/libs/layout/index.css +1 -0
  54. package/libs/layout/index.mjs +212 -0
  55. package/libs/layout/index.umd.js +2 -0
  56. package/libs/layout/package.json +5 -0
  57. package/libs/list/index.css +1 -0
  58. package/libs/list/index.mjs +384 -0
  59. package/libs/list/index.umd.js +2 -0
  60. package/libs/list/package.json +5 -0
  61. package/libs/loading/index.css +1 -0
  62. package/libs/loading/index.mjs +237 -0
  63. package/libs/loading/index.umd.js +2 -0
  64. package/libs/loading/package.json +5 -0
  65. package/libs/mask/index.css +1 -0
  66. package/libs/mask/index.mjs +134 -0
  67. package/libs/mask/index.umd.js +2 -0
  68. package/libs/mask/package.json +5 -0
  69. package/libs/popup/index.css +1 -0
  70. package/libs/popup/index.mjs +276 -0
  71. package/libs/popup/index.umd.js +2 -0
  72. package/libs/popup/package.json +5 -0
  73. package/libs/progress/index.css +1 -0
  74. package/libs/progress/index.mjs +244 -0
  75. package/libs/progress/index.umd.js +2 -0
  76. package/libs/progress/package.json +5 -0
  77. package/libs/pullrefresh/index.css +1 -0
  78. package/libs/pullrefresh/index.mjs +166 -0
  79. package/libs/pullrefresh/index.umd.js +2 -0
  80. package/libs/pullrefresh/package.json +5 -0
  81. package/libs/row/index.css +1 -0
  82. package/libs/row/index.mjs +139 -0
  83. package/libs/row/index.umd.js +2 -0
  84. package/libs/row/package.json +5 -0
  85. package/libs/slider/index.css +1 -0
  86. package/libs/slider/index.mjs +251 -0
  87. package/libs/slider/index.umd.js +2 -0
  88. package/libs/slider/package.json +5 -0
  89. package/libs/stepper/index.css +1 -0
  90. package/libs/stepper/index.mjs +183 -0
  91. package/libs/stepper/index.umd.js +2 -0
  92. package/libs/stepper/package.json +5 -0
  93. package/libs/swipe/index.css +1 -0
  94. package/libs/swipe/index.mjs +414 -0
  95. package/libs/swipe/index.umd.js +2 -0
  96. package/libs/swipe/package.json +5 -0
  97. package/libs/swipeItem/index.css +1 -0
  98. package/libs/swipeItem/index.mjs +89 -0
  99. package/libs/swipeItem/index.umd.js +2 -0
  100. package/libs/swipeItem/package.json +5 -0
  101. package/libs/switch/index.css +1 -0
  102. package/libs/switch/index.mjs +135 -0
  103. package/libs/switch/index.umd.js +2 -0
  104. package/libs/switch/package.json +5 -0
  105. package/libs/tab/index.mjs +124 -0
  106. package/libs/tab/index.umd.js +1 -0
  107. package/libs/tab/package.json +5 -0
  108. package/libs/tabs/index.css +1 -0
  109. package/libs/tabs/index.mjs +673 -0
  110. package/libs/tabs/index.umd.js +2 -0
  111. package/libs/tabs/package.json +5 -0
  112. package/libs/toast/index.css +1 -0
  113. package/libs/toast/index.mjs +231 -0
  114. package/libs/toast/index.umd.js +2 -0
  115. package/libs/toast/package.json +5 -0
  116. package/libs/tooltip/index.css +1 -0
  117. package/libs/tooltip/index.mjs +272 -0
  118. package/libs/tooltip/index.umd.js +2 -0
  119. package/libs/tooltip/package.json +5 -0
  120. package/libs/types/{button → components/button}/index.d.ts +1 -0
  121. package/libs/types/{button → components/button}/src/button.d.ts +1 -1
  122. package/libs/types/{cell → components/cell}/src/cell.d.ts +1 -1
  123. package/libs/types/{dialog → components/dialog}/src/dialog.d.ts +1 -1
  124. package/libs/types/{loading → components/loading}/src/loading.d.ts +1 -1
  125. package/libs/types/{popup → components/popup}/src/popup.d.ts +1 -1
  126. package/libs/types/{row → components/row}/src/row.d.ts +1 -1
  127. package/libs/types/{switch → components/switch}/src/switch.d.ts +1 -1
  128. package/libs/types/{toast → components/toast}/src/toast.d.ts +1 -1
  129. package/libs/types/index.d.ts +27 -27
  130. package/package.json +6 -6
  131. package/libs/component-props.json +0 -1
  132. package/libs/demo/button.json +0 -1
  133. package/libs/demo/cell.json +0 -1
  134. package/libs/demo/checkbox.json +0 -1
  135. package/libs/demo/countdown.json +0 -1
  136. package/libs/demo/dialog.json +0 -1
  137. package/libs/demo/empty.json +0 -1
  138. package/libs/demo/form.json +0 -1
  139. package/libs/demo/icon.json +0 -1
  140. package/libs/demo/input.json +0 -1
  141. package/libs/demo/layout.json +0 -1
  142. package/libs/demo/list.json +0 -1
  143. package/libs/demo/loading.json +0 -1
  144. package/libs/demo/mask.json +0 -1
  145. package/libs/demo/popup.json +0 -1
  146. package/libs/demo/progress.json +0 -1
  147. package/libs/demo/pullrefresh.json +0 -1
  148. package/libs/demo/slider.json +0 -1
  149. package/libs/demo/stepper.json +0 -1
  150. package/libs/demo/style.json +0 -1
  151. package/libs/demo/swipe.json +0 -1
  152. package/libs/demo/switch.json +0 -1
  153. package/libs/demo/tabs.json +0 -1
  154. package/libs/demo/toast.json +0 -1
  155. package/libs/demo/tooltip.json +0 -1
  156. package/libs/index.fa0c1ff.js +0 -2
  157. package/libs/index.fa0c1ff.js.LICENSE.txt +0 -19
  158. package/libs/index.html +0 -1
  159. package/libs/runtime.bfd6297.js +0 -1
  160. package/libs/style.css +0 -2837
  161. package/libs/vendor.025080b.js +0 -2
  162. package/libs/vendor.025080b.js.LICENSE.txt +0 -5
  163. /package/libs/types/{cell → components/cell}/index.d.ts +0 -0
  164. /package/libs/types/{checkbox → components/checkbox}/index.d.ts +0 -0
  165. /package/libs/types/{checkbox → components/checkbox}/src/checkbox.d.ts +0 -0
  166. /package/libs/types/{checkboxGroup → components/checkboxGroup}/index.d.ts +0 -0
  167. /package/libs/types/{checkboxGroup → components/checkboxGroup}/src/checkboxGroup.d.ts +0 -0
  168. /package/libs/types/{checkboxGroup → components/checkboxGroup}/src/constants.d.ts +0 -0
  169. /package/libs/types/{col → components/col}/index.d.ts +0 -0
  170. /package/libs/types/{col → components/col}/src/col.d.ts +0 -0
  171. /package/libs/types/{countdown → components/countdown}/index.d.ts +0 -0
  172. /package/libs/types/{countdown → components/countdown}/src/count-down.d.ts +0 -0
  173. /package/libs/types/{dialog → components/dialog}/index.d.ts +0 -0
  174. /package/libs/types/{dialog → components/dialog}/src/create.d.ts +0 -0
  175. /package/libs/types/{empty → components/empty}/index.d.ts +0 -0
  176. /package/libs/types/{empty → components/empty}/src/empty.d.ts +0 -0
  177. /package/libs/types/{empty → components/empty}/src/utils.d.ts +0 -0
  178. /package/libs/types/{form → components/form}/index.d.ts +0 -0
  179. /package/libs/types/{form → components/form}/src/constants.d.ts +0 -0
  180. /package/libs/types/{form → components/form}/src/form.d.ts +0 -0
  181. /package/libs/types/{formItem → components/formItem}/index.d.ts +0 -0
  182. /package/libs/types/{formItem → components/formItem}/src/formItem.d.ts +0 -0
  183. /package/libs/types/{icon → components/icon}/index.d.ts +0 -0
  184. /package/libs/types/{icon → components/icon}/src/icon.d.ts +0 -0
  185. /package/libs/types/{input → components/input}/index.d.ts +0 -0
  186. /package/libs/types/{input → components/input}/src/input.d.ts +0 -0
  187. /package/libs/types/{list → components/list}/index.d.ts +0 -0
  188. /package/libs/types/{list → components/list}/src/list.d.ts +0 -0
  189. /package/libs/types/{loading → components/loading}/index.d.ts +0 -0
  190. /package/libs/types/{loading → components/loading}/src/create.d.ts +0 -0
  191. /package/libs/types/{loading → components/loading}/src/directive.d.ts +0 -0
  192. /package/libs/types/{mask → components/mask}/index.d.ts +0 -0
  193. /package/libs/types/{mask → components/mask}/src/mask.d.ts +0 -0
  194. /package/libs/types/{popup → components/popup}/index.d.ts +0 -0
  195. /package/libs/types/{progress → components/progress}/index.d.ts +0 -0
  196. /package/libs/types/{progress → components/progress}/src/progress.d.ts +0 -0
  197. /package/libs/types/{pullrefresh → components/pullrefresh}/index.d.ts +0 -0
  198. /package/libs/types/{pullrefresh → components/pullrefresh}/src/pullrefresh.d.ts +0 -0
  199. /package/libs/types/{pullrefresh → components/pullrefresh}/src/utils.d.ts +0 -0
  200. /package/libs/types/{row → components/row}/index.d.ts +0 -0
  201. /package/libs/types/{row → components/row}/src/constants.d.ts +0 -0
  202. /package/libs/types/{slider → components/slider}/index.d.ts +0 -0
  203. /package/libs/types/{slider → components/slider}/src/slider.d.ts +0 -0
  204. /package/libs/types/{stepper → components/stepper}/index.d.ts +0 -0
  205. /package/libs/types/{stepper → components/stepper}/src/stepper.d.ts +0 -0
  206. /package/libs/types/{swipe → components/swipe}/index.d.ts +0 -0
  207. /package/libs/types/{swipe → components/swipe}/src/constants.d.ts +0 -0
  208. /package/libs/types/{swipe → components/swipe}/src/swipe.d.ts +0 -0
  209. /package/libs/types/{swipeItem → components/swipeItem}/index.d.ts +0 -0
  210. /package/libs/types/{swipeItem → components/swipeItem}/src/swipeItem.d.ts +0 -0
  211. /package/libs/types/{switch → components/switch}/index.d.ts +0 -0
  212. /package/libs/types/{tab → components/tab}/index.d.ts +0 -0
  213. /package/libs/types/{tab → components/tab}/src/tab.d.ts +0 -0
  214. /package/libs/types/{tabs → components/tabs}/index.d.ts +0 -0
  215. /package/libs/types/{tabs → components/tabs}/src/constants.d.ts +0 -0
  216. /package/libs/types/{tabs → components/tabs}/src/tabs.d.ts +0 -0
  217. /package/libs/types/{tabs → components/tabs}/src/title.d.ts +0 -0
  218. /package/libs/types/{toast → components/toast}/index.d.ts +0 -0
  219. /package/libs/types/{toast → components/toast}/src/create.d.ts +0 -0
  220. /package/libs/types/{tooltip → components/tooltip}/index.d.ts +0 -0
  221. /package/libs/types/{tooltip → components/tooltip}/src/constants.d.ts +0 -0
  222. /package/libs/types/{tooltip → components/tooltip}/src/direactive.d.ts +0 -0
  223. /package/libs/types/{tooltip → components/tooltip}/src/popper.d.ts +0 -0
  224. /package/libs/types/{tooltip → components/tooltip}/src/tooltip.d.ts +0 -0
package/libs/style.css DELETED
@@ -1,2837 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * sass 基础颜色变量
4
- */ /* 原始颜色 sass 变量 */
5
- /* 不折行截字 */
6
- /* 折行截字 @param 传入想要截到第几行 */
7
- body,
8
- p,
9
- h1,
10
- h2,
11
- h3,
12
- h4,
13
- h5,
14
- h6,
15
- ul,
16
- dl,
17
- ol,
18
- dd,
19
- form,
20
- figure,
21
- blockquote {
22
- margin: 0;
23
- }
24
-
25
- ul,
26
- ol {
27
- list-style: none;
28
- padding: 0;
29
- }
30
-
31
- a {
32
- color: inherit;
33
- text-decoration: none;
34
- outline: none;
35
- }
36
-
37
- em,
38
- cite,
39
- i {
40
- font-style: normal;
41
- }
42
-
43
- input,
44
- textarea,
45
- select {
46
- font-family: inherit;
47
- -webkit-box-sizing: border-box;
48
- box-sizing: border-box;
49
- outline: none;
50
- }
51
-
52
- img {
53
- display: inline-block;
54
- }
55
-
56
- p {
57
- word-break: break-all;
58
- }
59
-
60
- main {
61
- display: block;
62
- }
63
-
64
- table {
65
- border-spacing: 0;
66
- border-collapse: collapse;
67
- }
68
-
69
- body {
70
- color: #191919;
71
- fill: currentColor;
72
- font-size: 14px;
73
- line-height: 1.5715;
74
- line-height: calc(1em + 8px);
75
- font-family: "PingFang SC", sans-serif;
76
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
77
- -webkit-font-smoothing: antialiased;
78
- }
79
-
80
- button {
81
- line-height: inherit;
82
- }
83
- button:focus {
84
- outline: none;
85
- }
86
- /**
87
- * sass 基础颜色变量
88
- */
89
- /* 原始颜色 sass 变量 */
90
- /* 不折行截字 */
91
- /* 折行截字 @param 传入想要截到第几行 */
92
- /* 不折行截字 */
93
- /* 折行截字 @param 传入想要截到第几行 */
94
- .y-el--clickable {
95
- cursor: pointer;
96
- }
97
- .y-el--clickable:active {
98
- opacity: 0.85;
99
- }
100
- .y-el--hairline, .y-el--hairline-top, .y-el--hairline-right, .y-el--hairline-bottom, .y-el--hairline-left {
101
- position: relative;
102
- }
103
- .y-el--hairline::after, .y-el--hairline-top::after, .y-el--hairline-right::after, .y-el--hairline-bottom::after, .y-el--hairline-left::after {
104
- position: absolute;
105
- -webkit-box-sizing: border-box;
106
- box-sizing: border-box;
107
- content: " ";
108
- pointer-events: none;
109
- top: -50%;
110
- right: -50%;
111
- bottom: -50%;
112
- left: -50%;
113
- border: 0 solid rgba(0, 0, 0, 0.08);
114
- -webkit-transform: scale(0.5);
115
- transform: scale(0.5);
116
- }
117
- .y-el--hairline-top::after {
118
- border-top-width: 1px;
119
- }
120
- .y-el--hairline-right::after {
121
- border-right-width: 1px;
122
- }
123
- .y-el--hairline-bottom::after {
124
- border-bottom-width: 1px;
125
- }
126
- .y-el--hairline-left::after {
127
- border-left-width: 1px;
128
- }
129
- .y-el--hairline::after {
130
- border-width: 1px;
131
- }
132
- .y-el--ellipsis {
133
- white-space: nowrap;
134
- overflow: hidden;
135
- text-overflow: ellipsis;
136
- }
137
- .y-el--ellipsis-l2 {
138
- overflow: hidden;
139
- text-overflow: ellipsis;
140
- display: -webkit-box;
141
- -webkit-line-clamp: 2;
142
- -webkit-box-orient: vertical;
143
- }
144
- .y-el--ellipsis-l3 {
145
- overflow: hidden;
146
- text-overflow: ellipsis;
147
- display: -webkit-box;
148
- -webkit-line-clamp: 3;
149
- -webkit-box-orient: vertical;
150
- }
151
- .y-el--unclickable {
152
- overflow: hidden;
153
- }
154
- .y-el--unclickable * {
155
- pointer-events: none;
156
- }
157
- /**
158
- * sass 基础颜色变量
159
- */ /* 原始颜色 sass 变量 */
160
- /* 不折行截字 */
161
- /* 折行截字 @param 传入想要截到第几行 */
162
- @font-face {
163
- font-family: "Yuewen Font";
164
- font-style: normal;
165
- font-weight: normal;
166
- src: url("data:application/octet-stream;base64,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YhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wPSywABawESNCILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA+LCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrLbA/LCMgLkawAiVGsBFDWFIbUFlYIDxZLrEuARQrLbBALCMgLkawAiVGsBFDWFAbUllYIDxZIyAuRrACJUawEUNYUhtQWVggPFkusS4BFCstsEEssDgrIyAuRrACJUawEUNYUBtSWVggPFkusS4BFCstsEIssDkriiAgPLAEI0KKOCMgLkawAiVGsBFDWFAbUllYIDxZLrEuARQrsARDLrAuKy2wQyywABawBCWwBCYgICBGI0dhsAojQi5HI0cjYbAJQysjIDwgLiM4sS4BFCstsEQssQgEJUKwABawBCWwBCUgLkcjRyNhILAEI0KxCgBCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsS4BFCstsEUssQA4Ky6xLgEUKy2wRiyxADkrISMgIDywBCNCIzixLgEUK7AEQy6wListsEcssAAVIEewACNCsgABARUUEy6wNCotsEgssAAVIEewACNCsgABARUUEy6wNCotsEkssQABFBOwNSotsEossDcqLbBLLLAAFkUjIC4gRoojYTixLgEUKy2wTCywCCNCsEsrLbBNLLIAAEQrLbBOLLIAAUQrLbBPLLIBAEQrLbBQLLIBAUQrLbBRLLIAAEUrLbBSLLIAAUUrLbBTLLIBAEUrLbBULLIBAUUrLbBVLLMAAABBKy2wViyzAAEAQSstsFcsswEAAEErLbBYLLMBAQBBKy2wWSyzAAABQSstsFosswABAUErLbBbLLMBAAFBKy2wXCyzAQEBQSstsF0ssgAAQystsF4ssgABQystsF8ssgEAQystsGAssgEBQystsGEssgAARistsGIssgABRistsGMssgEARistsGQssgEBRistsGUsswAAAEIrLbBmLLMAAQBCKy2wZyyzAQAAQistsGgsswEBAEIr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") format("truetype");
167
- }
168
- .y-font--number {
169
- font-family: "Yuewen Font";
170
- speak: none;
171
- font-style: normal;
172
- font-variant: normal;
173
- text-transform: none;
174
- -webkit-font-smoothing: antialiased;
175
- -moz-osx-font-smoothing: grayscale;
176
- }
177
- /**
178
- * sass 基础颜色变量
179
- */ /* 原始颜色 sass 变量 */
180
- /* 不折行截字 */
181
- /* 折行截字 @param 传入想要截到第几行 */
182
- /* CSS3 Animation */
183
- @-webkit-keyframes y-keyframes--slide-bottom-enter {
184
- from {
185
- -webkit-transform: translate3d(0, 100%, 0);
186
- transform: translate3d(0, 100%, 0);
187
- }
188
- }
189
- @keyframes y-keyframes--slide-bottom-enter {
190
- from {
191
- -webkit-transform: translate3d(0, 100%, 0);
192
- transform: translate3d(0, 100%, 0);
193
- }
194
- }
195
- @-webkit-keyframes y-keyframes--slide-bottom-leave {
196
- to {
197
- -webkit-transform: translate3d(0, 100%, 0);
198
- transform: translate3d(0, 100%, 0);
199
- }
200
- }
201
- @keyframes y-keyframes--slide-bottom-leave {
202
- to {
203
- -webkit-transform: translate3d(0, 100%, 0);
204
- transform: translate3d(0, 100%, 0);
205
- }
206
- }
207
- @-webkit-keyframes y-keyframes--slide-top-enter {
208
- from {
209
- -webkit-transform: translate3d(0, -100%, 0);
210
- transform: translate3d(0, -100%, 0);
211
- }
212
- }
213
- @keyframes y-keyframes--slide-top-enter {
214
- from {
215
- -webkit-transform: translate3d(0, -100%, 0);
216
- transform: translate3d(0, -100%, 0);
217
- }
218
- }
219
- @-webkit-keyframes y-keyframes--slide-top-leave {
220
- to {
221
- -webkit-transform: translate3d(0, -100%, 0);
222
- transform: translate3d(0, -100%, 0);
223
- }
224
- }
225
- @keyframes y-keyframes--slide-top-leave {
226
- to {
227
- -webkit-transform: translate3d(0, -100%, 0);
228
- transform: translate3d(0, -100%, 0);
229
- }
230
- }
231
- @-webkit-keyframes y-keyframes--slide-left-enter {
232
- from {
233
- -webkit-transform: translate3d(-100%, 0, 0);
234
- transform: translate3d(-100%, 0, 0);
235
- }
236
- }
237
- @keyframes y-keyframes--slide-left-enter {
238
- from {
239
- -webkit-transform: translate3d(-100%, 0, 0);
240
- transform: translate3d(-100%, 0, 0);
241
- }
242
- }
243
- @-webkit-keyframes y-keyframes--slide-left-leave {
244
- to {
245
- -webkit-transform: translate3d(-100%, 0, 0);
246
- transform: translate3d(-100%, 0, 0);
247
- }
248
- }
249
- @keyframes y-keyframes--slide-left-leave {
250
- to {
251
- -webkit-transform: translate3d(-100%, 0, 0);
252
- transform: translate3d(-100%, 0, 0);
253
- }
254
- }
255
- @-webkit-keyframes y-keyframes--slide-right-enter {
256
- from {
257
- -webkit-transform: translate3d(100%, 0, 0);
258
- transform: translate3d(100%, 0, 0);
259
- }
260
- }
261
- @keyframes y-keyframes--slide-right-enter {
262
- from {
263
- -webkit-transform: translate3d(100%, 0, 0);
264
- transform: translate3d(100%, 0, 0);
265
- }
266
- }
267
- @-webkit-keyframes y-keyframes--slide-right-leave {
268
- to {
269
- -webkit-transform: translate3d(100%, 0, 0);
270
- transform: translate3d(100%, 0, 0);
271
- }
272
- }
273
- @keyframes y-keyframes--slide-right-leave {
274
- to {
275
- -webkit-transform: translate3d(100%, 0, 0);
276
- transform: translate3d(100%, 0, 0);
277
- }
278
- }
279
- @-webkit-keyframes y-keyframes--fade-enter {
280
- from {
281
- opacity: 0;
282
- }
283
- to {
284
- opacity: 1;
285
- }
286
- }
287
- @keyframes y-keyframes--fade-enter {
288
- from {
289
- opacity: 0;
290
- }
291
- to {
292
- opacity: 1;
293
- }
294
- }
295
- @-webkit-keyframes y-keyframes--fade-leave {
296
- from {
297
- opacity: 1;
298
- }
299
- to {
300
- opacity: 0;
301
- }
302
- }
303
- @keyframes y-keyframes--fade-leave {
304
- from {
305
- opacity: 1;
306
- }
307
- to {
308
- opacity: 0;
309
- }
310
- }
311
- @-webkit-keyframes y-keyframes--rotate {
312
- from {
313
- -webkit-transform: rotate(0);
314
- transform: rotate(0);
315
- }
316
- to {
317
- -webkit-transform: rotate(360deg);
318
- transform: rotate(360deg);
319
- }
320
- }
321
- @keyframes y-keyframes--rotate {
322
- from {
323
- -webkit-transform: rotate(0);
324
- transform: rotate(0);
325
- }
326
- to {
327
- -webkit-transform: rotate(360deg);
328
- transform: rotate(360deg);
329
- }
330
- }
331
- .y-animation--fade-enter-active {
332
- -webkit-animation: 0.3s y-keyframes--fade-enter both ease-out;
333
- animation: 0.3s y-keyframes--fade-enter both ease-out;
334
- }
335
- .y-animation--fade-leave-active {
336
- -webkit-animation: 0.3s y-keyframes--fade-leave both ease-in;
337
- animation: 0.3s y-keyframes--fade-leave both ease-in;
338
- }
339
-
340
- .y-animation--slide-bottom-enter-active {
341
- -webkit-animation: 0.3s y-keyframes--slide-bottom-enter both ease-out;
342
- animation: 0.3s y-keyframes--slide-bottom-enter both ease-out;
343
- }
344
- .y-animation--slide-bottom-leave-active {
345
- -webkit-animation: 0.3s y-keyframes--slide-bottom-leave both ease-in;
346
- animation: 0.3s y-keyframes--slide-bottom-leave both ease-in;
347
- }
348
-
349
- .y-animation--slide-top-enter-active {
350
- -webkit-animation: 0.3s y-keyframes--slide-top-enter both ease-out;
351
- animation: 0.3s y-keyframes--slide-top-enter both ease-out;
352
- }
353
- .y-animation--slide-top-leave-active {
354
- -webkit-animation: 0.3s y-keyframes--slide-top-leave both ease-in;
355
- animation: 0.3s y-keyframes--slide-top-leave both ease-in;
356
- }
357
-
358
- .y-animation--slide-left-enter-active {
359
- -webkit-animation: 0.3s y-keyframes--slide-left-enter both ease-out;
360
- animation: 0.3s y-keyframes--slide-left-enter both ease-out;
361
- }
362
- .y-animation--slide-left-leave-active {
363
- -webkit-animation: 0.3s y-keyframes--slide-left-leave both ease-in;
364
- animation: 0.3s y-keyframes--slide-left-leave both ease-in;
365
- }
366
-
367
- .y-animation--slide-right-enter-active {
368
- -webkit-animation: 0.3s y-keyframes--slide-right-enter both ease-out;
369
- animation: 0.3s y-keyframes--slide-right-enter both ease-out;
370
- }
371
- .y-animation--slide-right-leave-active {
372
- -webkit-animation: 0.3s y-keyframes--slide-right-leave both ease-in;
373
- animation: 0.3s y-keyframes--slide-right-leave both ease-in;
374
- }
375
- /**
376
- * sass 基础颜色变量
377
- */ /* 原始颜色 sass 变量 */
378
- /* 不折行截字 */
379
- /* 折行截字 @param 传入想要截到第几行 */
380
- :root {
381
- --Primary: #68e38b;
382
- --Primary_1: #95f0ab;
383
- --Primary_2: #f0fff2;
384
- --Secondary: #5790df;
385
- --Secondary_1: #84b4f5;
386
- --Secondary_2: #edf1fc;
387
- --Surface: #191919;
388
- --Surface_1: #4c4c4c;
389
- --Surface_2: #808080;
390
- --Surface_3: #adadad;
391
- --Surface_4: #ccc;
392
- --Surface_5: #e0e0e0;
393
- --Surface_6: #ebebeb;
394
- --Surface_7: #f5f5f5;
395
- --Surface_8: #fff;
396
- --Background: #f5f5f5;
397
- --Background_1: #fff;
398
- --SheetBackground: #f5f5f5;
399
- --SheetBackground_1: #fff;
400
- --Outline: rgba(0, 0, 0, 0.08);
401
- --Segmentation: rgba(0, 0, 0, 0.04);
402
- --Overlay: rgba(0, 0, 0, 0.9);
403
- --Overlay_1: rgba(0, 0, 0, 0.6);
404
- --Overlay_2: rgba(0, 0, 0, 0.36);
405
- --Success: #40d76f;
406
- --Error: #e5353e;
407
- --Warn: #ff5e1a;
408
- --Warn_1: #ffe1d5;
409
- --Click_Active: rgba(0, 0, 0, 0.05);
410
- --Font_Family: PingFang SC, sans-serif;
411
- --Font_Family_Number: Yuewen Font;
412
- }
413
- /**
414
- * sass 基础颜色变量
415
- */ /* 原始颜色 sass 变量 */
416
- /* 不折行截字 */
417
- /* 折行截字 @param 传入想要截到第几行 */
418
- /* eslint-disable */
419
- .y-tabs__list {
420
- background-color: #fff;
421
- }
422
-
423
- .y-tabs__list-child-wrapper {
424
- display: -webkit-box;
425
- display: -ms-flexbox;
426
- display: flex;
427
- width: 100%;
428
- -webkit-box-align: center;
429
- -ms-flex-align: center;
430
- align-items: center;
431
- position: relative;
432
- }
433
- .y-tabs__list-child-wrapper--left {
434
- -webkit-box-pack: start;
435
- -ms-flex-pack: start;
436
- justify-content: flex-start;
437
- }
438
- .y-tabs__list-child-wrapper--center {
439
- -ms-flex-pack: distribute;
440
- justify-content: space-around;
441
- }
442
- .y-tabs__list-child-wrapper--large {
443
- height: 56px;
444
- }
445
- .y-tabs__list-child-wrapper--middle {
446
- height: 44px;
447
- }
448
- .y-tabs__list-child-wrapper--small {
449
- height: 40px;
450
- }
451
- .y-tabs__list-child-wrapper--scrollable {
452
- overflow-x: auto;
453
- overflow-y: hidden;
454
- -webkit-box-pack: start;
455
- -ms-flex-pack: start;
456
- justify-content: flex-start;
457
- }
458
- .y-tabs__list-child-wrapper--scrollable::-webkit-scrollbar {
459
- display: none;
460
- }
461
-
462
- .y-tabs-title {
463
- color: #4c4c4c;
464
- -webkit-box-sizing: border-box;
465
- box-sizing: border-box;
466
- line-height: 1.4;
467
- height: 100%;
468
- display: -webkit-box;
469
- display: -ms-flexbox;
470
- display: flex;
471
- -webkit-box-align: center;
472
- -ms-flex-align: center;
473
- align-items: center;
474
- -webkit-box-pack: center;
475
- -ms-flex-pack: center;
476
- justify-content: center;
477
- padding: 0 16px;
478
- }
479
- .y-tabs-title__large, .y-tabs-title__middle {
480
- font-size: 16px;
481
- }
482
- .y-tabs-title__large--active, .y-tabs-title__middle--active {
483
- color: #68e38b;
484
- font-size: 18px;
485
- font-weight: 700;
486
- }
487
- .y-tabs-title__small {
488
- font-size: 14px;
489
- }
490
- .y-tabs-title__small--active {
491
- color: #68e38b;
492
- font-size: 14px;
493
- font-weight: 500;
494
- }
495
- .y-tabs-title--scrollable {
496
- min-width: 60px;
497
- -webkit-box-flex: 1;
498
- -ms-flex: 1 0 auto;
499
- flex: 1 0 auto;
500
- padding: 16px;
501
- }
502
- .y-tabs-title--disabled {
503
- color: #ccc;
504
- }
505
-
506
- .y-tabs__line {
507
- position: absolute;
508
- background-color: #68e38b;
509
- width: 12px;
510
- height: 3px;
511
- border-radius: 20px;
512
- bottom: 0;
513
- left: 0;
514
- }
515
- /**
516
- * sass 基础颜色变量
517
- */ /* 原始颜色 sass 变量 */
518
- /* 不折行截字 */
519
- /* 折行截字 @param 传入想要截到第几行 */
520
- .y-slider {
521
- display: -webkit-box;
522
- display: -ms-flexbox;
523
- display: flex;
524
- -webkit-box-align: center;
525
- -ms-flex-align: center;
526
- align-items: center;
527
- -ms-flex-wrap: nowrap;
528
- flex-wrap: nowrap;
529
- -webkit-box-pack: justify;
530
- -ms-flex-pack: justify;
531
- justify-content: space-between;
532
- }
533
-
534
- .y-slider__wrapper-main {
535
- position: relative;
536
- -webkit-box-flex: 1;
537
- -ms-flex: 1;
538
- flex: 1;
539
- cursor: pointer;
540
- background: #ebebeb;
541
- }
542
- .y-slider__wrapper-main--disabled {
543
- cursor: not-allowed;
544
- opacity: 0.5;
545
- }
546
-
547
- .y-slider__tooltip,
548
- .y-slider__tooltip-wrapper {
549
- position: absolute;
550
- margin-top: -60px;
551
- -webkit-transform: translate(-50%);
552
- transform: translate(-50%);
553
- }
554
-
555
- .y-slider__tooltip {
556
- position: absolute;
557
- margin-top: -60px;
558
- -webkit-transform: translate(-50%);
559
- transform: translate(-50%);
560
- width: 40px;
561
- height: 36px;
562
- line-height: 36px;
563
- border-radius: 8px;
564
- background: #333;
565
- color: #fff;
566
- text-align: center;
567
- }
568
- .y-slider__tooltip::after {
569
- top: 100%;
570
- left: 50%;
571
- content: "";
572
- width: 0;
573
- height: 0;
574
- border: 9px solid transparent;
575
- border-top: 8px solid transparent;
576
- border-bottom: 4px solid transparent;
577
- border-top-color: #333;
578
- position: absolute;
579
- -webkit-transform: translateX(-50%);
580
- transform: translateX(-50%);
581
- }
582
-
583
- .y-slider__inner {
584
- width: 100%;
585
- height: 100%;
586
- position: absolute;
587
- top: 0;
588
- z-index: 1;
589
- background: #40d76f;
590
- }
591
- .y-slider__inner-custom-button {
592
- position: absolute;
593
- border-radius: 50%;
594
- cursor: -webkit-grab;
595
- cursor: grab;
596
- right: 0;
597
- -webkit-transform: translate3d(50%, -50%, 0);
598
- transform: translate3d(50%, -50%, 0);
599
- }
600
- .y-slider__inner-button {
601
- width: 16px;
602
- height: 16px;
603
- border: 1px solid #e0e0e0;
604
- border-radius: 50%;
605
- }
606
-
607
- .y-slider__button-wrapper {
608
- position: absolute;
609
- top: 50%;
610
- z-index: 8;
611
- cursor: -webkit-grab;
612
- cursor: grab;
613
- border-radius: 50%;
614
- -webkit-transform: translate(-50%, -50%);
615
- transform: translate(-50%, -50%);
616
- background: #fff;
617
- }
618
-
619
- .y-slider__button-wrapper--left,
620
- .y-slider__button-wrapper--right {
621
- z-index: 8;
622
- position: absolute;
623
- border-radius: 50%;
624
- -webkit-transform: translate(-50%, -50%);
625
- transform: translate(-50%, -50%);
626
- }
627
-
628
- .y-slider__dots {
629
- position: relative;
630
- height: 100%;
631
- width: 100%;
632
- }
633
-
634
- .y-slider__dot {
635
- position: absolute;
636
- width: 2px;
637
- height: 100%;
638
- z-index: 4;
639
- -webkit-transform: translate(-50%);
640
- transform: translate(-50%);
641
- background: #fff;
642
- }
643
- .y-slider__dot:first-child {
644
- display: none;
645
- }
646
-
647
- .y-slider__icon {
648
- display: -webkit-box;
649
- display: -ms-flexbox;
650
- display: flex;
651
- -webkit-box-align: center;
652
- -ms-flex-align: center;
653
- align-items: center;
654
- }
655
- .y-slider__icon--left {
656
- margin-right: 8px;
657
- }
658
- .y-slider__icon--right {
659
- margin-left: 8px;
660
- }
661
- /**
662
- * sass 基础颜色变量
663
- */ /* 原始颜色 sass 变量 */
664
- /* 不折行截字 */
665
- /* 折行截字 @param 传入想要截到第几行 */
666
- .y-list {
667
- overflow: auto;
668
- position: relative;
669
- }
670
- .y-list__item {
671
- -webkit-box-sizing: border-box;
672
- box-sizing: border-box;
673
- }
674
- .y-list--loading, .y-list--finished, .y-list--error {
675
- font-size: 14px;
676
- text-align: center;
677
- padding: 8px 0;
678
- }
679
- .y-list--error {
680
- cursor: pointer;
681
- }
682
-
683
- .y-list--virtual .y-list__content {
684
- position: absolute;
685
- left: 0;
686
- top: 0;
687
- right: 0;
688
- }
689
- /**
690
- * sass 基础颜色变量
691
- */ /* 原始颜色 sass 变量 */
692
- /* 不折行截字 */
693
- /* 折行截字 @param 传入想要截到第几行 */
694
- .y-swipe {
695
- position: relative;
696
- overflow: hidden;
697
- }
698
- .y-swipe__track {
699
- display: -webkit-box;
700
- display: -ms-flexbox;
701
- display: flex;
702
- -webkit-box-orient: horizontal;
703
- -webkit-box-direction: normal;
704
- -ms-flex-direction: row;
705
- flex-direction: row;
706
- -webkit-transition: -webkit-transform 0.3s;
707
- transition: -webkit-transform 0.3s;
708
- transition: transform 0.3s;
709
- transition: transform 0.3s, -webkit-transform 0.3s;
710
- }
711
- .y-swipe__track--is-dragging {
712
- -webkit-transition: none;
713
- transition: none;
714
- }
715
- .y-swipe__track--is-vertical {
716
- -webkit-box-orient: vertical;
717
- -webkit-box-direction: normal;
718
- -ms-flex-direction: column;
719
- flex-direction: column;
720
- }
721
- .y-swipe__track--is-auto-height {
722
- display: block;
723
- white-space: nowrap;
724
- width: -webkit-fit-content;
725
- width: -moz-fit-content;
726
- width: fit-content;
727
- }
728
- .y-swipe__dots {
729
- position: absolute;
730
- display: -webkit-box;
731
- display: -ms-flexbox;
732
- display: flex;
733
- -webkit-box-orient: horizontal;
734
- -webkit-box-direction: normal;
735
- -ms-flex-direction: row;
736
- flex-direction: row;
737
- }
738
- .y-swipe__dots--left {
739
- -webkit-box-orient: vertical;
740
- -webkit-box-direction: normal;
741
- -ms-flex-direction: column;
742
- flex-direction: column;
743
- left: 12px;
744
- top: 50%;
745
- -webkit-transform: translate(0, -50%);
746
- transform: translate(0, -50%);
747
- }
748
- .y-swipe__dots--top {
749
- top: 12px;
750
- left: 50%;
751
- -webkit-transform: translate(-50%, 0);
752
- transform: translate(-50%, 0);
753
- }
754
- .y-swipe__dots--right {
755
- -webkit-box-orient: vertical;
756
- -webkit-box-direction: normal;
757
- -ms-flex-direction: column;
758
- flex-direction: column;
759
- right: 12px;
760
- top: 50%;
761
- -webkit-transform: translate(0, -50%);
762
- transform: translate(0, -50%);
763
- }
764
- .y-swipe__dots--bottom {
765
- bottom: 12px;
766
- left: 50%;
767
- -webkit-transform: translate(-50%, 0);
768
- transform: translate(-50%, 0);
769
- }
770
- .y-swipe__dot {
771
- width: 6px;
772
- height: 6px;
773
- margin: 6px;
774
- border-radius: 50%;
775
- background-color: #f5f5f5;
776
- opacity: 0.3;
777
- -webkit-transition: opacity 0.3s;
778
- transition: opacity 0.3s;
779
- }
780
- .y-swipe__dot--active {
781
- opacity: 1;
782
- }
783
- /**
784
- * sass 基础颜色变量
785
- */ /* 原始颜色 sass 变量 */
786
- /* 不折行截字 */
787
- /* 折行截字 @param 传入想要截到第几行 */
788
- .y-swipe-item {
789
- display: inline-block;
790
- -ms-flex-negative: 0;
791
- flex-shrink: 0;
792
- vertical-align: top;
793
- white-space: normal;
794
- }
795
- /**
796
- * sass 基础颜色变量
797
- */ /* 原始颜色 sass 变量 */
798
- /* 不折行截字 */
799
- /* 折行截字 @param 传入想要截到第几行 */
800
- @font-face {
801
- font-weight: normal;
802
- font-family: "y-icon";
803
- src: url("https://imgservices-1252317822.image.myqcloud.com/file/031920220182811/7cdace70.eot?cmrron");
804
- src: url("https://imgservices-1252317822.image.myqcloud.com/file/031920220182811/7cdace70.eot?cmrron#iefix") format("embedded-opentype"), url("https://imgservices-1252317822.image.myqcloud.com/file/031920220182811/d235a87c.ttf?cmrron") format("truetype"), url("https://imgservices-1252317822.image.myqcloud.com/file/031920220182811/a13b82e6.woff?cmrron") format("woff"), url("https://imgservices-1252317822.image.myqcloud.com/image/031920220182811/a73151ca.svg?cmrron#y-icon") format("svg");
805
- font-style: normal;
806
- font-display: block;
807
- }
808
- /* iconfont 图标 */
809
- .y-icon--warning::before {
810
- content: "\e92a";
811
- }
812
-
813
- .y-icon--warning-o::before {
814
- content: "\e929";
815
- }
816
-
817
- .y-icon--image-fail::before {
818
- content: "\e924";
819
- }
820
-
821
- .y-icon--circle-arrow-left::before {
822
- content: "\e920";
823
- }
824
-
825
- .y-icon--circle-arrow::before {
826
- content: "\e921";
827
- }
828
-
829
- .y-icon--circle-arrow-up::before {
830
- content: "\e922";
831
- }
832
-
833
- .y-icon--circle-arrow-down::before {
834
- content: "\e923";
835
- }
836
-
837
- .y-icon--reward::before {
838
- content: "\e900";
839
- }
840
-
841
- .y-icon--input-ban::before {
842
- content: "\e901";
843
- }
844
-
845
- .y-icon--success::before {
846
- content: "\e902";
847
- }
848
-
849
- .y-icon--crown::before {
850
- content: "\e903";
851
- }
852
-
853
- .y-icon--gift::before {
854
- content: "\e904";
855
- }
856
-
857
- .y-icon--clock::before {
858
- content: "\e905";
859
- }
860
-
861
- .y-icon--cartoon::before {
862
- content: "\e906";
863
- }
864
-
865
- .y-icon--boy::before {
866
- content: "\e907";
867
- }
868
-
869
- .y-icon--chat::before {
870
- content: "\e908";
871
- }
872
-
873
- .y-icon--file::before {
874
- content: "\e909";
875
- }
876
-
877
- .y-icon--audio::before {
878
- content: "\e90a";
879
- }
880
-
881
- .y-icon--img-bad::before {
882
- content: "\e90b";
883
- }
884
-
885
- .y-icon--flower::before {
886
- content: "\e90c";
887
- }
888
-
889
- .y-icon--circle-question::before {
890
- content: "\e90d";
891
- }
892
-
893
- .y-icon--pause::before {
894
- content: "\e90e";
895
- }
896
-
897
- .y-icon--pill-o::before {
898
- content: "\e90f";
899
- }
900
-
901
- .y-icon--pill::before {
902
- content: "\e910";
903
- }
904
-
905
- .y-icon--play::before {
906
- content: "\e912";
907
- }
908
-
909
- .y-icon--play-o::before {
910
- content: "\e913";
911
- }
912
-
913
- .y-icon--thumb-down-o::before {
914
- content: "\e914";
915
- }
916
-
917
- .y-icon--thumb-down::before {
918
- content: "\e915";
919
- }
920
-
921
- .y-icon--i-card::before {
922
- content: "\e916";
923
- }
924
-
925
- .y-icon--input-ok::before {
926
- content: "\e918";
927
- }
928
-
929
- .y-icon--close-o::before {
930
- content: "\e919";
931
- }
932
-
933
- .y-icon--success-o::before {
934
- content: "\e91a";
935
- }
936
-
937
- .y-icon--ok::before {
938
- content: "\e91b";
939
- }
940
-
941
- .y-icon--no::before {
942
- content: "\e91c";
943
- }
944
-
945
- .y-icon--jinhao::before {
946
- content: "\e91d";
947
- }
948
-
949
- .y-icon--fire::before {
950
- content: "\e91e";
951
- }
952
-
953
- .y-icon--add-book::before {
954
- content: "\e91f";
955
- }
956
-
957
- .y-icon--speed::before {
958
- content: "\e925";
959
- }
960
-
961
- .y-icon--chat-o::before {
962
- content: "\e926";
963
- }
964
-
965
- .y-icon--dian::before {
966
- content: "\e927";
967
- }
968
-
969
- .y-icon--qidian::before {
970
- content: "\e928";
971
- }
972
-
973
- .y-icon--favorite::before {
974
- content: "\e92e";
975
- }
976
-
977
- .y-icon--favorite-o::before {
978
- content: "\e92f";
979
- }
980
-
981
- .y-icon--circle-pause::before {
982
- content: "\e932";
983
- }
984
-
985
- .y-icon--retreat::before {
986
- content: "\e933";
987
- }
988
-
989
- .y-icon--next::before {
990
- content: "\e934";
991
- }
992
-
993
- .y-icon--heart-o::before {
994
- content: "\e935";
995
- }
996
-
997
- .y-icon--heart::before {
998
- content: "\e936";
999
- }
1000
-
1001
- .y-icon--circle-favorite::before {
1002
- content: "\e937";
1003
- }
1004
-
1005
- .y-icon--cirle-pause::before {
1006
- content: "\e93b";
1007
- }
1008
-
1009
- .y-icon--thumb-up-o::before {
1010
- content: "\e93c";
1011
- }
1012
-
1013
- .y-icon--thumb-up::before {
1014
- content: "\e93d";
1015
- }
1016
-
1017
- .y-icon--loading::before {
1018
- content: "\e93e";
1019
- }
1020
-
1021
- .y-icon--at::before {
1022
- content: "\e93f";
1023
- }
1024
-
1025
- .y-icon--bookmark::before {
1026
- content: "\e940";
1027
- }
1028
-
1029
- .y-icon--mark::before {
1030
- content: "\e941";
1031
- }
1032
-
1033
- .y-icon--undo::before {
1034
- content: "\e942";
1035
- }
1036
-
1037
- .y-icon--local::before {
1038
- content: "\e943";
1039
- }
1040
-
1041
- .y-icon--catalog::before {
1042
- content: "\e944";
1043
- }
1044
-
1045
- .y-icon--share::before {
1046
- content: "\e945";
1047
- }
1048
-
1049
- .y-icon--more::before {
1050
- content: "\e946";
1051
- }
1052
-
1053
- .y-icon--more-2::before {
1054
- content: "\e947";
1055
- }
1056
-
1057
- .y-icon--done::before {
1058
- content: "\e948";
1059
- }
1060
-
1061
- .y-icon--shopping::before {
1062
- content: "\e949";
1063
- }
1064
-
1065
- .y-icon--circle-close::before {
1066
- content: "\e94a";
1067
- }
1068
-
1069
- .y-icon--cross::before {
1070
- content: "\e94b";
1071
- }
1072
-
1073
- .y-icon--info::before {
1074
- content: "\e94c";
1075
- }
1076
-
1077
- .y-icon--user-done::before {
1078
- content: "\e94d";
1079
- }
1080
-
1081
- .y-icon--add-user::before {
1082
- content: "\e94e";
1083
- }
1084
-
1085
- .y-icon--red-packet::before {
1086
- content: "\e94f";
1087
- }
1088
-
1089
- .y-icon--exchange::before {
1090
- content: "\e950";
1091
- }
1092
-
1093
- .y-icon--add-fav::before {
1094
- content: "\e952";
1095
- }
1096
-
1097
- .y-icon--arrow::before {
1098
- content: "\e953";
1099
- }
1100
-
1101
- .y-icon--arrow-down::before {
1102
- content: "\e911";
1103
- }
1104
-
1105
- .y-icon--arrow-up::before {
1106
- content: "\e917";
1107
- }
1108
-
1109
- .y-icon--arrow-left::before {
1110
- content: "\e954";
1111
- }
1112
-
1113
- .y-icon--trophy::before {
1114
- content: "\e955";
1115
- }
1116
-
1117
- .y-icon--rank::before {
1118
- content: "\e956";
1119
- }
1120
-
1121
- .y-icon--ban::before {
1122
- content: "\e958";
1123
- }
1124
-
1125
- .y-icon--clock-o::before {
1126
- content: "\e95a";
1127
- }
1128
-
1129
- .y-icon--count-down::before {
1130
- content: "\e95b";
1131
- }
1132
-
1133
- .y-icon--link::before {
1134
- content: "\e95c";
1135
- }
1136
-
1137
- .y-icon--girl::before {
1138
- content: "\e95f";
1139
- }
1140
-
1141
- .y-icon--sort::before {
1142
- content: "\e960";
1143
- }
1144
-
1145
- .y-icon--cv::before {
1146
- content: "\e961";
1147
- }
1148
-
1149
- .y-icon--download::before {
1150
- content: "\e962";
1151
- }
1152
-
1153
- .y-icon--zoom-out::before {
1154
- content: "\e963";
1155
- }
1156
-
1157
- .y-icon--restore::before {
1158
- content: "\e964";
1159
- }
1160
-
1161
- .y-icon--filter::before {
1162
- content: "\e965";
1163
- }
1164
-
1165
- .y-icon--filter-done::before {
1166
- content: "\e966";
1167
- }
1168
-
1169
- .y-icon--trash::before {
1170
- content: "\e967";
1171
- }
1172
-
1173
- .y-icon--slide-up::before {
1174
- content: "\e968";
1175
- }
1176
-
1177
- .y-icon--quote::before {
1178
- content: "\e969";
1179
- }
1180
-
1181
- .y-icon--setup::before {
1182
- content: "\e96a";
1183
- }
1184
-
1185
- .y-icon--sort-flip::before {
1186
- content: "\e96b";
1187
- }
1188
-
1189
- .y-icon--video::before {
1190
- content: "\e96c";
1191
- }
1192
-
1193
- .y-icon--phone::before {
1194
- content: "\e96d";
1195
- }
1196
-
1197
- .y-icon--book::before {
1198
- content: "\e96e";
1199
- }
1200
-
1201
- .y-icon--refresh::before {
1202
- content: "\e96f";
1203
- }
1204
-
1205
- .y-icon--mail::before {
1206
- content: "\e970";
1207
- }
1208
-
1209
- .y-icon--search::before {
1210
- content: "\e971";
1211
- }
1212
-
1213
- .y-icon--unlock::before {
1214
- content: "\e972";
1215
- }
1216
-
1217
- .y-icon--lock::before {
1218
- content: "\e973";
1219
- }
1220
-
1221
- .y-icon--lock-o::before {
1222
- content: "\e974";
1223
- }
1224
-
1225
- .y-icon--notice-off::before {
1226
- content: "\e975";
1227
- }
1228
-
1229
- .y-icon--notice-o::before {
1230
- content: "\e976";
1231
- }
1232
-
1233
- .y-icon--add::before {
1234
- content: "\e978";
1235
- }
1236
-
1237
- .y-icon--mute::before {
1238
- content: "\e97a";
1239
- }
1240
-
1241
- .y-icon--sound::before {
1242
- content: "\e97b";
1243
- }
1244
-
1245
- .y-icon--post::before {
1246
- content: "\e97c";
1247
- }
1248
-
1249
- .y-icon--image::before {
1250
- content: "\e97d";
1251
- }
1252
-
1253
- .y-icon--image-o::before {
1254
- content: "\e97e";
1255
- }
1256
-
1257
- .y-icon--slide-down::before {
1258
- content: "🎵";
1259
- }
1260
-
1261
- .y-icon--restore1::before {
1262
- content: "\e980";
1263
- }
1264
-
1265
- .y-icon--card::before {
1266
- content: "\e981";
1267
- }
1268
-
1269
- .y-icon--circle-question-o::before {
1270
- content: "\e982";
1271
- }
1272
-
1273
- .y-icon--user::before {
1274
- content: "\e983";
1275
- }
1276
-
1277
- .y-icon--money::before {
1278
- content: "\e984";
1279
- }
1280
-
1281
- .y-icon--voice::before {
1282
- content: "\e985";
1283
- }
1284
-
1285
- .y-icon--ticket::before {
1286
- content: "\e986";
1287
- }
1288
-
1289
- .y-icon--cloud::before {
1290
- content: "\e987";
1291
- }
1292
-
1293
- .y-icon--reload::before {
1294
- content: "\e988";
1295
- }
1296
-
1297
- .y-icon--transmit::before {
1298
- content: "\e989";
1299
- }
1300
-
1301
- .y-icon--gif::before {
1302
- content: "\e98b";
1303
- }
1304
-
1305
- .y-icon {
1306
- position: relative;
1307
- display: inline-block;
1308
- /* use !important to prevent issues with browser extensions that change fonts */
1309
- font-family: y-icon, sans-serif !important;
1310
- font-style: normal;
1311
- font-weight: normal;
1312
- font-variant: normal;
1313
- text-transform: none;
1314
- font-size: inherit;
1315
- text-rendering: auto;
1316
- line-height: 1;
1317
- -webkit-font-smoothing: antialiased;
1318
- -moz-osx-font-smoothing: grayscale;
1319
- }
1320
-
1321
- .y-icon__dot,
1322
- .y-icon__badge {
1323
- position: absolute;
1324
- top: 0;
1325
- right: 0;
1326
- padding: 0;
1327
- height: 8px;
1328
- width: 8px;
1329
- -webkit-box-sizing: border-box;
1330
- box-sizing: border-box;
1331
- line-height: 1;
1332
- color: #fff;
1333
- font-weight: 500;
1334
- font-size: 12px;
1335
- text-align: center;
1336
- background-color: #68e38b;
1337
- border-radius: 100%;
1338
- -webkit-transform-origin: 100%;
1339
- transform-origin: 100%;
1340
- -webkit-transform: scale(1) translate(50%, -50%);
1341
- transform: scale(1) translate(50%, -50%);
1342
- }
1343
-
1344
- .y-icon__badge {
1345
- width: auto;
1346
- height: auto;
1347
- border-radius: 16px;
1348
- padding: 2.4px 4.8px;
1349
- -webkit-transform: scale(0.85) translate(50%, -50%);
1350
- transform: scale(0.85) translate(50%, -50%);
1351
- }
1352
-
1353
- .y-icon__node {
1354
- display: inline-block;
1355
- width: 1em;
1356
- height: 1em;
1357
- }
1358
-
1359
- .y-icon__image {
1360
- width: 90%;
1361
- height: 90%;
1362
- -o-object-fit: contain;
1363
- object-fit: contain;
1364
- }
1365
- /**
1366
- * sass 基础颜色变量
1367
- */ /* 原始颜色 sass 变量 */
1368
- /* 不折行截字 */
1369
- /* 折行截字 @param 传入想要截到第几行 */
1370
- .y-checkbox {
1371
- display: -webkit-box;
1372
- display: -ms-flexbox;
1373
- display: flex;
1374
- -webkit-box-align: center;
1375
- -ms-flex-align: center;
1376
- align-items: center;
1377
- cursor: pointer;
1378
- -webkit-user-select: none;
1379
- -moz-user-select: none;
1380
- -ms-user-select: none;
1381
- user-select: none;
1382
- font-size: 16px;
1383
- }
1384
- .y-checkbox--disabled {
1385
- cursor: not-allowed;
1386
- opacity: 0.4;
1387
- }
1388
- .y-checkbox--horizontal {
1389
- margin-right: 16px;
1390
- }
1391
- .y-checkbox--mini {
1392
- font-size: 10px;
1393
- }
1394
- .y-checkbox--small {
1395
- font-size: 12px;
1396
- }
1397
- .y-checkbox--middle {
1398
- font-size: 14px;
1399
- }
1400
- .y-checkbox--large {
1401
- font-size: 16px;
1402
- }
1403
- .y-checkbox__icon {
1404
- border: 1px solid rgba(0, 0, 0, 0.08);
1405
- display: -webkit-box;
1406
- display: -ms-flexbox;
1407
- display: flex;
1408
- -webkit-box-align: center;
1409
- -ms-flex-align: center;
1410
- align-items: center;
1411
- -webkit-box-pack: center;
1412
- -ms-flex-pack: center;
1413
- justify-content: center;
1414
- -webkit-transition: background-color 0.3s, border-color 0.3s;
1415
- transition: background-color 0.3s, border-color 0.3s;
1416
- -webkit-box-sizing: border-box;
1417
- box-sizing: border-box;
1418
- border-radius: 50%;
1419
- width: 1.25em;
1420
- height: 1.25em;
1421
- /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
1422
- width: calc(1em + 4px);
1423
- height: calc(1em + 4px);
1424
- color: #fff;
1425
- }
1426
- .y-checkbox__icon--checked {
1427
- background-color: #68e38b;
1428
- border-width: 0;
1429
- }
1430
- .y-checkbox__icon--square {
1431
- border-radius: 4px;
1432
- }
1433
- .y-checkbox__label {
1434
- margin-left: 8px;
1435
- }
1436
- /**
1437
- * sass 基础颜色变量
1438
- */ /* 原始颜色 sass 变量 */
1439
- /* 不折行截字 */
1440
- /* 折行截字 @param 传入想要截到第几行 */
1441
- .y-checkbox-group--horizontal {
1442
- display: -webkit-box;
1443
- display: -ms-flexbox;
1444
- display: flex;
1445
- }
1446
- /**
1447
- * sass 基础颜色变量
1448
- */ /* 原始颜色 sass 变量 */
1449
- /* 不折行截字 */
1450
- /* 折行截字 @param 传入想要截到第几行 */
1451
- .y-switch {
1452
- position: relative;
1453
- display: inline-block;
1454
- -webkit-box-sizing: content-box;
1455
- box-sizing: content-box;
1456
- width: 1.72em;
1457
- height: 1em;
1458
- background-color: #ccc;
1459
- border-radius: 1em;
1460
- cursor: pointer;
1461
- font-size: 28px;
1462
- -webkit-transition: background-color 0.3s;
1463
- transition: background-color 0.3s;
1464
- }
1465
- .y-switch__loading {
1466
- position: absolute;
1467
- top: 0;
1468
- left: 0;
1469
- right: 0;
1470
- bottom: 0;
1471
- display: -webkit-box;
1472
- display: -ms-flexbox;
1473
- display: flex;
1474
- -webkit-box-pack: center;
1475
- -ms-flex-pack: center;
1476
- justify-content: center;
1477
- }
1478
- .y-switch--on {
1479
- background-color: #40d76f;
1480
- }
1481
- .y-switch__node {
1482
- position: absolute;
1483
- top: 0.12em;
1484
- left: 0.12em;
1485
- z-index: 1;
1486
- width: 0.72em;
1487
- height: 0.72em;
1488
- background-color: #fff;
1489
- border-radius: 100%;
1490
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
1491
- transition: -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
1492
- transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
1493
- transition: transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05), -webkit-transform 0.3s cubic-bezier(0.3, 1.05, 0.4, 1.05);
1494
- }
1495
- .y-switch__node--on {
1496
- -webkit-transform: translateX(0.72em);
1497
- transform: translateX(0.72em);
1498
- }
1499
- .y-switch--disabled {
1500
- cursor: not-allowed;
1501
- opacity: 0.5;
1502
- }
1503
- .y-switch--loading {
1504
- cursor: default;
1505
- }
1506
- /**
1507
- * sass 基础颜色变量
1508
- */ /* 原始颜色 sass 变量 */
1509
- /* 不折行截字 */
1510
- /* 折行截字 @param 传入想要截到第几行 */
1511
- .y-pull-refresh {
1512
- position: relative;
1513
- }
1514
- .y-pull-refresh__status {
1515
- position: absolute;
1516
- width: 100%;
1517
- top: 0;
1518
- left: 0;
1519
- display: -webkit-box;
1520
- display: -ms-flexbox;
1521
- display: flex;
1522
- -webkit-box-pack: center;
1523
- -ms-flex-pack: center;
1524
- justify-content: center;
1525
- -webkit-box-align: center;
1526
- -ms-flex-align: center;
1527
- align-items: center;
1528
- height: 0;
1529
- -webkit-box-orient: vertical;
1530
- -webkit-box-direction: normal;
1531
- -ms-flex-direction: column;
1532
- flex-direction: column;
1533
- overflow: hidden;
1534
- }
1535
- /**
1536
- * sass 基础颜色变量
1537
- */ /* 原始颜色 sass 变量 */
1538
- /* 不折行截字 */
1539
- /* 折行截字 @param 传入想要截到第几行 */
1540
- /*
1541
- * @Author: liuwentao
1542
- * @Date: 2021-05-12 15:44:49
1543
- * @LastEditors: ruan fei
1544
- * @LastEditTime: 2022-12-12 17:01:00
1545
- * @Description: cell scss
1546
- * @FilePath: /yui-vue/packages/cell/src/style.scss
1547
- */
1548
- .y-cell {
1549
- position: relative;
1550
- display: -webkit-box;
1551
- display: -ms-flexbox;
1552
- display: flex;
1553
- -webkit-box-sizing: border-box;
1554
- box-sizing: border-box;
1555
- width: 100%;
1556
- padding: 12px;
1557
- overflow: hidden;
1558
- background-color: #fff;
1559
- }
1560
- .y-cell--is-top {
1561
- -webkit-box-align: start;
1562
- -ms-flex-align: start;
1563
- align-items: flex-start;
1564
- }
1565
- .y-cell--is-middle {
1566
- -webkit-box-align: center;
1567
- -ms-flex-align: center;
1568
- align-items: center;
1569
- }
1570
- .y-cell--is-bottom {
1571
- -webkit-box-align: end;
1572
- -ms-flex-align: end;
1573
- align-items: flex-end;
1574
- }
1575
- .y-cell--mini {
1576
- font-size: 12px;
1577
- }
1578
- .y-cell--small {
1579
- font-size: 14px;
1580
- }
1581
- .y-cell--middle {
1582
- font-size: 16px;
1583
- }
1584
- .y-cell--large {
1585
- font-size: 18px;
1586
- }
1587
- .y-cell__center {
1588
- -webkit-box-flex: 1;
1589
- -ms-flex: 1;
1590
- flex: 1;
1591
- width: 100%;
1592
- overflow: hidden;
1593
- }
1594
- .y-cell__center--has-left {
1595
- margin-left: 12px;
1596
- }
1597
- .y-cell__title {
1598
- color: #191919;
1599
- padding-right: 16px;
1600
- }
1601
- .y-cell__label {
1602
- font-size: 0.75em;
1603
- color: #808080;
1604
- padding-right: 16px;
1605
- }
1606
- .y-cell__value {
1607
- font-size: 0.875em;
1608
- color: #808080;
1609
- text-align: right;
1610
- max-width: 50%;
1611
- margin-right: 8px;
1612
- }
1613
- .y-cell__icon {
1614
- font-size: 0.5em;
1615
- color: #ccc;
1616
- }
1617
- .y-cell--hairline::after {
1618
- position: absolute;
1619
- -webkit-box-sizing: border-box;
1620
- box-sizing: border-box;
1621
- content: " ";
1622
- pointer-events: none;
1623
- right: 16px;
1624
- bottom: 0;
1625
- left: 16px;
1626
- border-bottom: 1px solid rgba(0, 0, 0, 0.08);
1627
- -webkit-transform: scaleY(0.5);
1628
- transform: scaleY(0.5);
1629
- }
1630
- /**
1631
- * sass 基础颜色变量
1632
- */ /* 原始颜色 sass 变量 */
1633
- /* 不折行截字 */
1634
- /* 折行截字 @param 传入想要截到第几行 */
1635
- .y-button {
1636
- position: relative;
1637
- display: inline-block;
1638
- -webkit-box-sizing: border-box;
1639
- box-sizing: border-box;
1640
- font-weight: 500;
1641
- font-size: 14px;
1642
- margin: 0;
1643
- text-align: center;
1644
- background: #fff;
1645
- cursor: pointer;
1646
- vertical-align: middle;
1647
- }
1648
- .y-button:active::before {
1649
- opacity: 0.1;
1650
- }
1651
- .y-button--disabled {
1652
- pointer-events: none;
1653
- }
1654
- .y-button--disabled::before {
1655
- display: none;
1656
- }
1657
- .y-button--primary {
1658
- background: #68e38b;
1659
- border: none;
1660
- color: #fff;
1661
- }
1662
- .y-button--primary_danger {
1663
- background: #ff5e1a;
1664
- color: #fff;
1665
- }
1666
- .y-button--primary_disabled {
1667
- background: #ebebeb;
1668
- color: #ccc;
1669
- cursor: not-allowed;
1670
- }
1671
- .y-button--secondary {
1672
- background: #f0fff2;
1673
- border: none;
1674
- color: #68e38b;
1675
- }
1676
- .y-button--secondary_danger {
1677
- background: #ffe1d5;
1678
- color: #ff5e1a;
1679
- }
1680
- .y-button--secondary_disabled {
1681
- background: #ebebeb;
1682
- color: #ccc;
1683
- cursor: not-allowed;
1684
- }
1685
- .y-button--tertiary {
1686
- border: 1px solid #ccc;
1687
- color: #191919;
1688
- }
1689
- .y-button--tertiary_danger {
1690
- background: transparent;
1691
- border: 1px solid #ff5e1a;
1692
- color: #ff5e1a;
1693
- }
1694
- .y-button--tertiary_disabled {
1695
- border: 1px solid #e0e0e0;
1696
- color: #ccc;
1697
- cursor: not-allowed;
1698
- }
1699
- .y-button--text {
1700
- background: transparent;
1701
- border: none;
1702
- color: #191919;
1703
- }
1704
- .y-button--text_danger {
1705
- color: #ff5e1a;
1706
- }
1707
- .y-button--text_disabled {
1708
- color: #ccc;
1709
- cursor: not-allowed;
1710
- }
1711
- .y-button--link {
1712
- background: transparent;
1713
- border: none;
1714
- color: #5790df;
1715
- }
1716
- .y-button--link_danger {
1717
- color: #ff5e1a;
1718
- }
1719
- .y-button--link_disabled {
1720
- color: #ccc;
1721
- cursor: not-allowed;
1722
- }
1723
- .y-button--large {
1724
- font-size: 16px;
1725
- border-radius: 24px;
1726
- padding: 0 16px;
1727
- height: 48px;
1728
- }
1729
- .y-button--middle {
1730
- font-size: 14px;
1731
- border-radius: 20px;
1732
- padding: 0 16px;
1733
- height: 40px;
1734
- }
1735
- .y-button--small {
1736
- font-size: 12px;
1737
- border-radius: 16px;
1738
- padding: 0 12px;
1739
- height: 32px;
1740
- }
1741
- .y-button--mini {
1742
- font-size: 12px;
1743
- border-radius: 16px;
1744
- padding: 0 12px;
1745
- height: 28px;
1746
- }
1747
- .y-button--shadow_low {
1748
- -webkit-box-shadow: 0 2px 8px rgba(64, 215, 111, 0.24);
1749
- box-shadow: 0 2px 8px rgba(64, 215, 111, 0.24);
1750
- }
1751
- .y-button--shadow_middle {
1752
- -webkit-box-shadow: 0 4px 16px rgba(64, 215, 111, 0.24);
1753
- box-shadow: 0 4px 16px rgba(64, 215, 111, 0.24);
1754
- }
1755
- .y-button--shadow_high {
1756
- -webkit-box-shadow: 0 6px 24px rgba(64, 215, 111, 0.24);
1757
- box-shadow: 0 6px 24px rgba(64, 215, 111, 0.24);
1758
- }
1759
- .y-button--square {
1760
- border-radius: 0;
1761
- }
1762
- .y-button--semicircle {
1763
- border-radius: 12px;
1764
- }
1765
- .y-button--block {
1766
- display: block;
1767
- width: 100%;
1768
- }
1769
- .y-button__content {
1770
- display: -webkit-box;
1771
- display: -ms-flexbox;
1772
- display: flex;
1773
- -webkit-box-align: center;
1774
- -ms-flex-align: center;
1775
- align-items: center;
1776
- -webkit-box-pack: center;
1777
- -ms-flex-pack: center;
1778
- justify-content: center;
1779
- height: 100%;
1780
- }
1781
- .y-button__content::before {
1782
- content: " ";
1783
- }
1784
- .y-button__subtext {
1785
- font-size: 12px;
1786
- -webkit-transform: scale(0.85);
1787
- transform: scale(0.85);
1788
- -webkit-transform-origin: center;
1789
- transform-origin: center;
1790
- font-weight: 400;
1791
- line-height: 1;
1792
- }
1793
-
1794
- .y-loading__wrap .y-button__content {
1795
- display: none;
1796
- }
1797
- /**
1798
- * sass 基础颜色变量
1799
- */ /* 原始颜色 sass 变量 */
1800
- /* 不折行截字 */
1801
- /* 折行截字 @param 传入想要截到第几行 */
1802
- .y-loading {
1803
- font-weight: 500;
1804
- }
1805
- .y-loading--fixed {
1806
- position: fixed;
1807
- }
1808
- .y-loading--absolute {
1809
- position: absolute;
1810
- }
1811
- .y-loading--fixed, .y-loading--absolute {
1812
- z-index: 188;
1813
- width: 100%;
1814
- height: 100%;
1815
- top: 0;
1816
- left: 0;
1817
- }
1818
- .y-loading__bg {
1819
- display: -webkit-box;
1820
- display: -ms-flexbox;
1821
- display: flex;
1822
- -webkit-box-pack: center;
1823
- -ms-flex-pack: center;
1824
- justify-content: center;
1825
- -webkit-box-align: center;
1826
- -ms-flex-align: center;
1827
- align-items: center;
1828
- }
1829
- .y-loading__bg--fixed, .y-loading__bg--absolute {
1830
- position: absolute;
1831
- top: 50%;
1832
- left: 50%;
1833
- -webkit-transform: translate(-50%, -50%);
1834
- transform: translate(-50%, -50%);
1835
- }
1836
- .y-loading__icon-wrapper {
1837
- display: inline-block;
1838
- text-align: center;
1839
- }
1840
- .y-loading__icon--forward {
1841
- -webkit-animation: qd-loading__icon-circular 1.3s ease-in-out infinite;
1842
- animation: qd-loading__icon-circular 1.3s ease-in-out infinite;
1843
- }
1844
- .y-loading__icon--reverse {
1845
- -webkit-animation: qd-loading__icon-circular--reverse 1.3s ease-in-out infinite;
1846
- animation: qd-loading__icon-circular--reverse 1.3s ease-in-out infinite;
1847
- }
1848
- .y-loading__icon {
1849
- display: block;
1850
- width: 100%;
1851
- height: 100%;
1852
- }
1853
- .y-loading__icon-circle {
1854
- stroke: currentColor;
1855
- stroke-linecap: round;
1856
- }
1857
- .y-loading__icon-circle--absolute {
1858
- stroke: #fff;
1859
- }
1860
- .y-loading__text {
1861
- white-space: nowrap;
1862
- }
1863
- .y-loading__text--left {
1864
- margin-right: 8px;
1865
- }
1866
- .y-loading__text--right {
1867
- margin-left: 8px;
1868
- }
1869
- .y-loading__text--top {
1870
- margin-bottom: 8px;
1871
- }
1872
- .y-loading__text--bottom {
1873
- margin-top: 8px;
1874
- }
1875
-
1876
- @-webkit-keyframes qd-loading__icon-circular {
1877
- 0% {
1878
- stroke-dasharray: 1, 200;
1879
- stroke-dashoffset: 0;
1880
- }
1881
- 50% {
1882
- stroke-dasharray: 100, 150;
1883
- stroke-dashoffset: -40;
1884
- }
1885
- 100% {
1886
- stroke-dasharray: 100, 150;
1887
- stroke-dashoffset: -120;
1888
- }
1889
- }
1890
-
1891
- @keyframes qd-loading__icon-circular {
1892
- 0% {
1893
- stroke-dasharray: 1, 200;
1894
- stroke-dashoffset: 0;
1895
- }
1896
- 50% {
1897
- stroke-dasharray: 100, 150;
1898
- stroke-dashoffset: -40;
1899
- }
1900
- 100% {
1901
- stroke-dasharray: 100, 150;
1902
- stroke-dashoffset: -120;
1903
- }
1904
- }
1905
- @-webkit-keyframes qd-loading__icon-circular--reverse {
1906
- 0% {
1907
- stroke-dasharray: 100, 150;
1908
- stroke-dashoffset: -120;
1909
- }
1910
- 50% {
1911
- stroke-dasharray: 100, 150;
1912
- stroke-dashoffset: -40;
1913
- }
1914
- 100% {
1915
- stroke-dasharray: 1, 200;
1916
- stroke-dashoffset: 0;
1917
- }
1918
- }
1919
- @keyframes qd-loading__icon-circular--reverse {
1920
- 0% {
1921
- stroke-dasharray: 100, 150;
1922
- stroke-dashoffset: -120;
1923
- }
1924
- 50% {
1925
- stroke-dasharray: 100, 150;
1926
- stroke-dashoffset: -40;
1927
- }
1928
- 100% {
1929
- stroke-dasharray: 1, 200;
1930
- stroke-dashoffset: 0;
1931
- }
1932
- }
1933
- /**
1934
- * sass 基础颜色变量
1935
- */ /* 原始颜色 sass 变量 */
1936
- /* 不折行截字 */
1937
- /* 折行截字 @param 传入想要截到第几行 */
1938
- .y-row {
1939
- display: block;
1940
- position: relative;
1941
- height: auto;
1942
- width: 100%;
1943
- zoom: 1;
1944
- }
1945
- .y-row::after {
1946
- content: "";
1947
- display: table;
1948
- clear: both;
1949
- visibility: hidden;
1950
- font-size: 0;
1951
- height: 0;
1952
- }
1953
- .y-row--flex {
1954
- display: -webkit-box;
1955
- display: -ms-flexbox;
1956
- display: flex;
1957
- -webkit-box-orient: horizontal;
1958
- -webkit-box-direction: normal;
1959
- -ms-flex-direction: row;
1960
- flex-direction: row;
1961
- -ms-flex-wrap: wrap;
1962
- flex-wrap: wrap;
1963
- }
1964
- .y-row--flex::after {
1965
- display: none;
1966
- }
1967
- .y-row--align-top {
1968
- -webkit-box-align: start;
1969
- -ms-flex-align: start;
1970
- align-items: flex-start;
1971
- }
1972
- .y-row--align-center {
1973
- -webkit-box-align: center;
1974
- -ms-flex-align: center;
1975
- align-items: center;
1976
- }
1977
- .y-row--align-bottom {
1978
- -webkit-box-align: end;
1979
- -ms-flex-align: end;
1980
- align-items: flex-end;
1981
- }
1982
- .y-row--justify-start {
1983
- -webkit-box-pack: start;
1984
- -ms-flex-pack: start;
1985
- justify-content: flex-start;
1986
- }
1987
- .y-row--justify-center {
1988
- -webkit-box-pack: center;
1989
- -ms-flex-pack: center;
1990
- justify-content: center;
1991
- }
1992
- .y-row--justify-end {
1993
- -webkit-box-pack: end;
1994
- -ms-flex-pack: end;
1995
- justify-content: flex-end;
1996
- }
1997
- .y-row--justify-space-between {
1998
- -webkit-box-pack: justify;
1999
- -ms-flex-pack: justify;
2000
- justify-content: space-between;
2001
- }
2002
- .y-row--justify-space-around {
2003
- -ms-flex-pack: distribute;
2004
- justify-content: space-around;
2005
- }
2006
- /**
2007
- * sass 基础颜色变量
2008
- */ /* 原始颜色 sass 变量 */
2009
- /* 不折行截字 */
2010
- /* 折行截字 @param 传入想要截到第几行 */
2011
- .y-col {
2012
- float: left;
2013
- -webkit-box-sizing: border-box;
2014
- box-sizing: border-box;
2015
- min-height: 1px;
2016
- }
2017
-
2018
- .y-col--1 {
2019
- width: 4.1666666667%;
2020
- }
2021
-
2022
- .y-col--offset-1 {
2023
- margin-left: 4.1666666667%;
2024
- }
2025
-
2026
- .y-col--2 {
2027
- width: 8.3333333333%;
2028
- }
2029
-
2030
- .y-col--offset-2 {
2031
- margin-left: 8.3333333333%;
2032
- }
2033
-
2034
- .y-col--3 {
2035
- width: 12.5%;
2036
- }
2037
-
2038
- .y-col--offset-3 {
2039
- margin-left: 12.5%;
2040
- }
2041
-
2042
- .y-col--4 {
2043
- width: 16.6666666667%;
2044
- }
2045
-
2046
- .y-col--offset-4 {
2047
- margin-left: 16.6666666667%;
2048
- }
2049
-
2050
- .y-col--5 {
2051
- width: 20.8333333333%;
2052
- }
2053
-
2054
- .y-col--offset-5 {
2055
- margin-left: 20.8333333333%;
2056
- }
2057
-
2058
- .y-col--6 {
2059
- width: 25%;
2060
- }
2061
-
2062
- .y-col--offset-6 {
2063
- margin-left: 25%;
2064
- }
2065
-
2066
- .y-col--7 {
2067
- width: 29.1666666667%;
2068
- }
2069
-
2070
- .y-col--offset-7 {
2071
- margin-left: 29.1666666667%;
2072
- }
2073
-
2074
- .y-col--8 {
2075
- width: 33.3333333333%;
2076
- }
2077
-
2078
- .y-col--offset-8 {
2079
- margin-left: 33.3333333333%;
2080
- }
2081
-
2082
- .y-col--9 {
2083
- width: 37.5%;
2084
- }
2085
-
2086
- .y-col--offset-9 {
2087
- margin-left: 37.5%;
2088
- }
2089
-
2090
- .y-col--10 {
2091
- width: 41.6666666667%;
2092
- }
2093
-
2094
- .y-col--offset-10 {
2095
- margin-left: 41.6666666667%;
2096
- }
2097
-
2098
- .y-col--11 {
2099
- width: 45.8333333333%;
2100
- }
2101
-
2102
- .y-col--offset-11 {
2103
- margin-left: 45.8333333333%;
2104
- }
2105
-
2106
- .y-col--12 {
2107
- width: 50%;
2108
- }
2109
-
2110
- .y-col--offset-12 {
2111
- margin-left: 50%;
2112
- }
2113
-
2114
- .y-col--13 {
2115
- width: 54.1666666667%;
2116
- }
2117
-
2118
- .y-col--offset-13 {
2119
- margin-left: 54.1666666667%;
2120
- }
2121
-
2122
- .y-col--14 {
2123
- width: 58.3333333333%;
2124
- }
2125
-
2126
- .y-col--offset-14 {
2127
- margin-left: 58.3333333333%;
2128
- }
2129
-
2130
- .y-col--15 {
2131
- width: 62.5%;
2132
- }
2133
-
2134
- .y-col--offset-15 {
2135
- margin-left: 62.5%;
2136
- }
2137
-
2138
- .y-col--16 {
2139
- width: 66.6666666667%;
2140
- }
2141
-
2142
- .y-col--offset-16 {
2143
- margin-left: 66.6666666667%;
2144
- }
2145
-
2146
- .y-col--17 {
2147
- width: 70.8333333333%;
2148
- }
2149
-
2150
- .y-col--offset-17 {
2151
- margin-left: 70.8333333333%;
2152
- }
2153
-
2154
- .y-col--18 {
2155
- width: 75%;
2156
- }
2157
-
2158
- .y-col--offset-18 {
2159
- margin-left: 75%;
2160
- }
2161
-
2162
- .y-col--19 {
2163
- width: 79.1666666667%;
2164
- }
2165
-
2166
- .y-col--offset-19 {
2167
- margin-left: 79.1666666667%;
2168
- }
2169
-
2170
- .y-col--20 {
2171
- width: 83.3333333333%;
2172
- }
2173
-
2174
- .y-col--offset-20 {
2175
- margin-left: 83.3333333333%;
2176
- }
2177
-
2178
- .y-col--21 {
2179
- width: 87.5%;
2180
- }
2181
-
2182
- .y-col--offset-21 {
2183
- margin-left: 87.5%;
2184
- }
2185
-
2186
- .y-col--22 {
2187
- width: 91.6666666667%;
2188
- }
2189
-
2190
- .y-col--offset-22 {
2191
- margin-left: 91.6666666667%;
2192
- }
2193
-
2194
- .y-col--23 {
2195
- width: 95.8333333333%;
2196
- }
2197
-
2198
- .y-col--offset-23 {
2199
- margin-left: 95.8333333333%;
2200
- }
2201
-
2202
- .y-col--24 {
2203
- width: 100%;
2204
- }
2205
-
2206
- .y-col--offset-24 {
2207
- margin-left: 100%;
2208
- }
2209
- /**
2210
- * sass 基础颜色变量
2211
- */ /* 原始颜色 sass 变量 */
2212
- /* 不折行截字 */
2213
- /* 折行截字 @param 传入想要截到第几行 */
2214
- /*
2215
- * @Author: liuwentao
2216
- * @Date: 2021-05-12 17:25:45
2217
- * @LastEditors: liuwentao
2218
- * @LastEditTime: 2021-05-17 13:25:35
2219
- * @Description: empty scss
2220
- * @FilePath: /yui-vue/packages/empty/src/style.scss
2221
- */
2222
- .y-empty {
2223
- padding: 16px;
2224
- text-align: center;
2225
- }
2226
- .y-empty__img {
2227
- display: block;
2228
- width: 100%;
2229
- max-width: 280px;
2230
- margin: 0 auto;
2231
- pointer-events: none;
2232
- }
2233
- .y-empty__title {
2234
- display: -webkit-box;
2235
- display: -ms-flexbox;
2236
- display: flex;
2237
- padding-top: 12px;
2238
- color: #adadad;
2239
- font-size: 16px;
2240
- -webkit-box-pack: center;
2241
- -ms-flex-pack: center;
2242
- justify-content: center;
2243
- -webkit-box-align: center;
2244
- -ms-flex-align: center;
2245
- align-items: center;
2246
- }
2247
- .y-empty__title-text--has-icon {
2248
- margin-right: 4px;
2249
- }
2250
- .y-empty__sub-title {
2251
- color: #ccc;
2252
- font-size: 14px;
2253
- }
2254
- /**
2255
- * sass 基础颜色变量
2256
- */ /* 原始颜色 sass 变量 */
2257
- /* 不折行截字 */
2258
- /* 折行截字 @param 传入想要截到第几行 */
2259
- .y-progress {
2260
- position: relative;
2261
- height: 4px;
2262
- background: #f5f5f5;
2263
- border-radius: 4px;
2264
- }
2265
- .y-progress__portion {
2266
- position: absolute;
2267
- left: 0;
2268
- height: 100%;
2269
- max-width: 100%;
2270
- border-radius: inherit;
2271
- background: #68e38b;
2272
- -webkit-transition-duration: 1.5s;
2273
- transition-duration: 1.5s;
2274
- -webkit-transition-timing-function: linear;
2275
- transition-timing-function: linear;
2276
- -webkit-transition-property: none;
2277
- transition-property: none;
2278
- }
2279
- .y-progress__portion--animation {
2280
- -webkit-transition-property: width;
2281
- transition-property: width;
2282
- }
2283
- .y-progress__pivot-content {
2284
- position: absolute;
2285
- top: 50%;
2286
- -webkit-box-sizing: border-box;
2287
- box-sizing: border-box;
2288
- min-width: 29px;
2289
- height: 16px;
2290
- font-size: 12px;
2291
- padding: 1px 4px;
2292
- line-height: 1;
2293
- display: -webkit-box;
2294
- display: -ms-flexbox;
2295
- display: flex;
2296
- -webkit-box-align: center;
2297
- -ms-flex-align: center;
2298
- align-items: center;
2299
- text-align: center;
2300
- word-break: keep-all;
2301
- border-radius: 35px;
2302
- background: #68e38b;
2303
- -webkit-transform: translate(0, -50%);
2304
- transform: translate(0, -50%);
2305
- -webkit-transition-duration: 1.5s;
2306
- transition-duration: 1.5s;
2307
- -webkit-transition-timing-function: linear;
2308
- transition-timing-function: linear;
2309
- -webkit-transition-property: none;
2310
- transition-property: none;
2311
- }
2312
- .y-progress__pivot-content--animation {
2313
- -webkit-transition-property: left;
2314
- transition-property: left;
2315
- }
2316
- .y-progress__pivot-content--arrive {
2317
- background-color: #68e38b;
2318
- }
2319
- .y-progress__pivot-content--no-arrive {
2320
- background-color: #f5f5f5;
2321
- }
2322
- .y-progress__pivot {
2323
- color: #fff;
2324
- width: 100%;
2325
- }
2326
- .y-progress__number {
2327
- -webkit-transform: translateZ(0);
2328
- transform: translateZ(0);
2329
- }
2330
- /**
2331
- * sass 基础颜色变量
2332
- */ /* 原始颜色 sass 变量 */
2333
- /* 不折行截字 */
2334
- /* 折行截字 @param 传入想要截到第几行 */
2335
- .y-toast {
2336
- position: fixed;
2337
- left: 0;
2338
- top: 0;
2339
- height: 100%;
2340
- width: 100%;
2341
- display: -webkit-box;
2342
- display: -ms-flexbox;
2343
- display: flex;
2344
- -webkit-box-align: center;
2345
- -ms-flex-align: center;
2346
- align-items: center;
2347
- -webkit-box-pack: center;
2348
- -ms-flex-pack: center;
2349
- justify-content: center;
2350
- color: #fff;
2351
- pointer-events: none;
2352
- z-index: 500;
2353
- }
2354
- .y-toast__content {
2355
- max-width: 70%;
2356
- display: -webkit-box;
2357
- display: -ms-flexbox;
2358
- display: flex;
2359
- -webkit-box-align: center;
2360
- -ms-flex-align: center;
2361
- align-items: center;
2362
- -webkit-box-orient: vertical;
2363
- -webkit-box-direction: normal;
2364
- -ms-flex-direction: column;
2365
- flex-direction: column;
2366
- -webkit-box-pack: center;
2367
- -ms-flex-pack: center;
2368
- justify-content: center;
2369
- -webkit-box-sizing: border-box;
2370
- box-sizing: border-box;
2371
- text-align: center;
2372
- background-color: rgba(0, 0, 0, 0.9);
2373
- color: #fff;
2374
- font-weight: normal;
2375
- padding: 8px 16px;
2376
- border-radius: 16px;
2377
- }
2378
- .y-toast__text {
2379
- font-size: 16px;
2380
- }
2381
- .y-toast__message {
2382
- font-size: 14px;
2383
- color: #fff;
2384
- opacity: 0.7;
2385
- }
2386
- .y-toast--top {
2387
- margin-top: 16px;
2388
- -webkit-box-align: start;
2389
- -ms-flex-align: start;
2390
- align-items: flex-start;
2391
- }
2392
- .y-toast--bottom {
2393
- margin-top: -16px;
2394
- -webkit-box-align: end;
2395
- -ms-flex-align: end;
2396
- align-items: flex-end;
2397
- }
2398
- /**
2399
- * sass 基础颜色变量
2400
- */ /* 原始颜色 sass 变量 */
2401
- /* 不折行截字 */
2402
- /* 折行截字 @param 传入想要截到第几行 */
2403
- .y-mask {
2404
- position: fixed;
2405
- top: 0;
2406
- left: 0;
2407
- z-index: 100;
2408
- width: 100%;
2409
- height: 100%;
2410
- background-color: rgba(0, 0, 0, 0.6);
2411
- }
2412
- /**
2413
- * sass 基础颜色变量
2414
- */ /* 原始颜色 sass 变量 */
2415
- /* 不折行截字 */
2416
- /* 折行截字 @param 传入想要截到第几行 */
2417
- .y-popup {
2418
- position: fixed;
2419
- z-index: 101;
2420
- }
2421
- .y-popup__content {
2422
- position: fixed;
2423
- z-index: 101;
2424
- max-height: 100%;
2425
- background-color: #fff;
2426
- }
2427
- .y-popup__content--center {
2428
- top: 50%;
2429
- left: 50%;
2430
- -webkit-transform: translate(-50%, -50%);
2431
- transform: translate(-50%, -50%);
2432
- }
2433
- .y-popup__content--bottom {
2434
- bottom: 0;
2435
- left: 0;
2436
- width: 100%;
2437
- }
2438
- .y-popup__content--right {
2439
- top: 0;
2440
- right: 0;
2441
- }
2442
- .y-popup__content--left {
2443
- top: 0;
2444
- left: 0;
2445
- }
2446
- .y-popup__content--top {
2447
- top: 0;
2448
- left: 0;
2449
- width: 100%;
2450
- }
2451
- /**
2452
- * sass 基础颜色变量
2453
- */ /* 原始颜色 sass 变量 */
2454
- /* 不折行截字 */
2455
- /* 折行截字 @param 传入想要截到第几行 */
2456
- .y-stepper {
2457
- display: inline-block;
2458
- font-size: 14px;
2459
- }
2460
- .y-stepper--mini {
2461
- font-size: 10px;
2462
- }
2463
- .y-stepper--small {
2464
- font-size: 12px;
2465
- }
2466
- .y-stepper--middle {
2467
- font-size: 14px;
2468
- }
2469
- .y-stepper--large {
2470
- font-size: 16px;
2471
- }
2472
- .y-stepper__subtraction, .y-stepper__addition {
2473
- position: relative;
2474
- font-size: inherit;
2475
- width: calc(1em + 8px);
2476
- height: calc(1em + 8px);
2477
- padding: 0;
2478
- vertical-align: middle;
2479
- background-color: transparent;
2480
- border: 1px solid rgba(0, 0, 0, 0.08);
2481
- }
2482
- .y-stepper__subtraction::before, .y-stepper__addition::before {
2483
- position: absolute;
2484
- content: "";
2485
- top: 50%;
2486
- left: 50;
2487
- width: 50%;
2488
- height: 1px;
2489
- background-color: currentColor;
2490
- -webkit-transform: translate3d(-50%, -50%, 0);
2491
- transform: translate3d(-50%, -50%, 0);
2492
- }
2493
- .y-stepper__subtraction[didabled], .y-stepper__addition[didabled] {
2494
- background: none;
2495
- color: #adadad;
2496
- cursor: not-allowed;
2497
- }
2498
- .y-stepper__addition::after {
2499
- position: absolute;
2500
- content: "";
2501
- top: 50%;
2502
- left: 50;
2503
- height: 50%;
2504
- width: 1px;
2505
- background-color: currentColor;
2506
- -webkit-transform: translate3d(-50%, -50%, 0);
2507
- transform: translate3d(-50%, -50%, 0);
2508
- }
2509
- .y-stepper__subtraction[disabled], .y-stepper__addition[disabled], .y-stepper__input[disabled] {
2510
- color: #adadad;
2511
- }
2512
- .y-stepper__input {
2513
- padding: 0;
2514
- text-align: center;
2515
- font-size: inherit;
2516
- color: inherit;
2517
- width: 36px;
2518
- vertical-align: middle;
2519
- height: calc(1em + 8px);
2520
- background: transparent;
2521
- border: 1px solid rgba(0, 0, 0, 0.08);
2522
- border-left: none;
2523
- border-right: none;
2524
- }
2525
- .y-stepper__input--only-disable[disabled] {
2526
- color: currentColor;
2527
- }
2528
- /**
2529
- * sass 基础颜色变量
2530
- */ /* 原始颜色 sass 变量 */
2531
- /* 不折行截字 */
2532
- /* 折行截字 @param 传入想要截到第几行 */
2533
- .y-form-item {
2534
- position: relative;
2535
- padding: 16px;
2536
- display: -webkit-box;
2537
- display: -ms-flexbox;
2538
- display: flex;
2539
- font-size: 16px;
2540
- }
2541
- .y-form-item--mini {
2542
- font-size: 10px;
2543
- }
2544
- .y-form-item--small {
2545
- font-size: 12px;
2546
- }
2547
- .y-form-item--middle {
2548
- font-size: 14px;
2549
- }
2550
- .y-form-item--large {
2551
- font-size: 16px;
2552
- }
2553
- .y-form-item--hairline::after {
2554
- margin: 0 32px;
2555
- }
2556
- .y-form-item--is-error::before {
2557
- position: absolute;
2558
- content: "";
2559
- top: 0;
2560
- left: 0;
2561
- bottom: 0;
2562
- right: 0;
2563
- background: #e5353e;
2564
- opacity: 0.1;
2565
- pointer-events: none;
2566
- }
2567
- .y-form-item__label {
2568
- position: relative;
2569
- display: -webkit-box;
2570
- display: -ms-flexbox;
2571
- display: flex;
2572
- font-weight: 500;
2573
- }
2574
- .y-form-item__label--is-required::before {
2575
- position: absolute;
2576
- left: -8px;
2577
- top: 0;
2578
- line-height: inherit;
2579
- color: #e5353e;
2580
- content: "*";
2581
- -webkit-transform: scaleY(0.875);
2582
- transform: scaleY(0.875);
2583
- }
2584
- .y-form-item__error {
2585
- font-size: 0.8em;
2586
- color: #e5353e;
2587
- }
2588
- .y-form-item__content {
2589
- -webkit-box-flex: 1;
2590
- -ms-flex: 1;
2591
- flex: 1;
2592
- }
2593
- /**
2594
- * sass 基础颜色变量
2595
- */ /* 原始颜色 sass 变量 */
2596
- /* 不折行截字 */
2597
- /* 折行截字 @param 传入想要截到第几行 */
2598
- .y-input {
2599
- display: block;
2600
- width: 100%;
2601
- border: none;
2602
- outline: none;
2603
- padding: 0;
2604
- font-size: 14px;
2605
- line-height: inherit;
2606
- resize: none;
2607
- color: #191919;
2608
- background: transparent;
2609
- }
2610
- .y-input[disabled] {
2611
- background: none;
2612
- color: #adadad;
2613
- cursor: not-allowed;
2614
- }
2615
- .y-input[readonly] {
2616
- cursor: default;
2617
- }
2618
- .y-input::-webkit-input-placeholder {
2619
- color: #adadad;
2620
- }
2621
- .y-input::-moz-placeholder {
2622
- color: #adadad;
2623
- }
2624
- .y-input:-ms-input-placeholder {
2625
- color: #adadad;
2626
- }
2627
- .y-input::-ms-input-placeholder {
2628
- color: #adadad;
2629
- }
2630
- .y-input::placeholder {
2631
- color: #adadad;
2632
- }
2633
- .y-input::-webkit-outer-spin-button, .y-input::-webkit-inner-spin-button {
2634
- -webkit-appearance: none;
2635
- }
2636
- .y-input[type=number] {
2637
- -moz-appearance: textfield;
2638
- }
2639
- .y-input[type=search]::-webkit-search-cancel-button {
2640
- display: none;
2641
- }
2642
- .y-input--mini {
2643
- font-size: 10px;
2644
- }
2645
- .y-input--small {
2646
- font-size: 12px;
2647
- }
2648
- .y-input--middle {
2649
- font-size: 14px;
2650
- }
2651
- .y-input--large {
2652
- font-size: 16px;
2653
- }
2654
- .y-input--border {
2655
- border-bottom: 1px solid rgba(0, 0, 0, 0.08);
2656
- padding: 8px 0;
2657
- }
2658
- .y-input__limit-num {
2659
- text-align: right;
2660
- font-size: 12px;
2661
- font-weight: 500;
2662
- color: #adadad;
2663
- }
2664
- /**
2665
- * sass 基础颜色变量
2666
- */ /* 原始颜色 sass 变量 */
2667
- /* 不折行截字 */
2668
- /* 折行截字 @param 传入想要截到第几行 */
2669
- /**
2670
- * sass 基础颜色变量
2671
- */ /* 原始颜色 sass 变量 */
2672
- /* 不折行截字 */
2673
- /* 折行截字 @param 传入想要截到第几行 */
2674
- .y-dialog {
2675
- background: #fff;
2676
- border-radius: 20px;
2677
- overflow: visible;
2678
- }
2679
- .y-dialog__container {
2680
- position: relative;
2681
- }
2682
- .y-dialog__img--circle {
2683
- position: absolute;
2684
- }
2685
- .y-dialog__title {
2686
- font-weight: 500;
2687
- font-size: 18px;
2688
- color: #191919;
2689
- text-align: center;
2690
- padding: 0 24px 0 24px;
2691
- }
2692
- .y-dialog__content {
2693
- padding: 24px;
2694
- }
2695
- .y-dialog__message {
2696
- font-weight: normal;
2697
- font-size: 14px;
2698
- color: #808080;
2699
- }
2700
- .y-dialog__footer {
2701
- display: -webkit-box;
2702
- display: -ms-flexbox;
2703
- display: flex;
2704
- }
2705
- .y-dialog__footer-btn {
2706
- -webkit-box-flex: 1;
2707
- -ms-flex: auto;
2708
- flex: auto;
2709
- }
2710
- .y-dialog__footer-btn:nth-child(2) {
2711
- margin-left: 12px;
2712
- }
2713
- .y-dialog__close {
2714
- position: absolute;
2715
- left: 50%;
2716
- bottom: -72px;
2717
- width: 32px;
2718
- height: 32px;
2719
- border-radius: 100%;
2720
- background: rgba(0, 0, 0, 0.4);
2721
- -webkit-transform: translate(-50%, 0%);
2722
- transform: translate(-50%, 0%);
2723
- cursor: pointer;
2724
- font-size: 22px;
2725
- color: #fff;
2726
- display: -webkit-box;
2727
- display: -ms-flexbox;
2728
- display: flex;
2729
- -webkit-box-align: center;
2730
- -ms-flex-align: center;
2731
- align-items: center;
2732
- -webkit-box-pack: center;
2733
- -ms-flex-pack: center;
2734
- justify-content: center;
2735
- }
2736
- /**
2737
- * sass 基础颜色变量
2738
- */ /* 原始颜色 sass 变量 */
2739
- /* 不折行截字 */
2740
- /* 折行截字 @param 传入想要截到第几行 */
2741
- .y-popper {
2742
- position: absolute;
2743
- z-index: 101;
2744
- }
2745
- .y-popper__content {
2746
- padding: 8px 12px;
2747
- color: #fff;
2748
- background-color: rgba(0, 0, 0, 0.6);
2749
- border-radius: 8px;
2750
- }
2751
- .y-popper--top {
2752
- padding-bottom: 12px;
2753
- }
2754
- .y-popper--right {
2755
- padding-left: 12px;
2756
- }
2757
- .y-popper--bottom {
2758
- padding-top: 12px;
2759
- }
2760
- .y-popper--left {
2761
- padding-right: 12px;
2762
- }
2763
- .y-popper__arrow {
2764
- position: absolute;
2765
- -webkit-box-sizing: border-box;
2766
- box-sizing: border-box;
2767
- border: 6px solid transparent;
2768
- color: rgba(0, 0, 0, 0.6);
2769
- }
2770
- .y-popper__arrow--top {
2771
- bottom: 0;
2772
- border-top-color: currentColor;
2773
- left: 50%;
2774
- -webkit-transform: translate3d(-50%, 0, 0);
2775
- transform: translate3d(-50%, 0, 0);
2776
- }
2777
- .y-popper__arrow--right {
2778
- left: 0;
2779
- top: 50%;
2780
- border-right-color: currentColor;
2781
- -webkit-transform: translate3d(0, -50%, 0);
2782
- transform: translate3d(0, -50%, 0);
2783
- }
2784
- .y-popper__arrow--bottom {
2785
- top: 0;
2786
- left: 50%;
2787
- border-bottom-color: currentColor;
2788
- -webkit-transform: translate3d(-50%, 0, 0);
2789
- transform: translate3d(-50%, 0, 0);
2790
- }
2791
- .y-popper__arrow--left {
2792
- right: 0;
2793
- top: 50%;
2794
- border-left-color: currentColor;
2795
- -webkit-transform: translate3d(0, -50%, 0);
2796
- transform: translate3d(0, -50%, 0);
2797
- }
2798
- .y-popper__arrow--top-start {
2799
- bottom: 0;
2800
- left: 16px;
2801
- border-top-color: currentColor;
2802
- }
2803
- .y-popper__arrow--top-end {
2804
- bottom: 0;
2805
- right: 16px;
2806
- border-top-color: currentColor;
2807
- }
2808
- .y-popper__arrow--bottom-start {
2809
- top: 0;
2810
- left: 16px;
2811
- border-bottom-color: currentColor;
2812
- }
2813
- .y-popper__arrow--bottom-end {
2814
- top: 0;
2815
- right: 16px;
2816
- border-bottom-color: currentColor;
2817
- }
2818
- .y-popper__arrow--right-start {
2819
- left: 0;
2820
- top: 8px;
2821
- border-right-color: currentColor;
2822
- }
2823
- .y-popper__arrow--right-end {
2824
- left: 0;
2825
- bottom: 8px;
2826
- border-right-color: currentColor;
2827
- }
2828
- .y-popper__arrow--left-start {
2829
- right: 0;
2830
- top: 8px;
2831
- border-left-color: rgba(0, 0, 0, 0.6);
2832
- }
2833
- .y-popper__arrow--left-end {
2834
- right: 0;
2835
- bottom: 8px;
2836
- border-left-color: rgba(0, 0, 0, 0.6);
2837
- }