system-phone 3.1.94 → 3.1.95

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 (193) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/.eslintrc.js +16 -16
  4. package/CHANGELOG.md +1 -1
  5. package/Dockerfile +3 -3
  6. package/README.md +36 -36
  7. package/build/css-loaders.js +34 -34
  8. package/build/dev-client.js +8 -8
  9. package/build/example-server.js +80 -80
  10. package/build/release.sh +28 -28
  11. package/build/utils.js +71 -71
  12. package/build/webpack.dev.conf.js +31 -31
  13. package/build/webpack.example.conf.js +49 -49
  14. package/build/webpack.prod.conf.js +60 -60
  15. package/build/webpack.test.conf.js +31 -31
  16. package/config/dev.env.js +6 -6
  17. package/config/index.js +38 -38
  18. package/config/prod.env.js +3 -3
  19. package/config/test.env.js +6 -6
  20. package/nginx.conf +304 -304
  21. package/package.json +101 -101
  22. package/release.bat +5 -5
  23. package/src/Util.js +415 -415
  24. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  25. package/src/android-bootstrap/less/.csscomb.json +304 -304
  26. package/src/android-bootstrap/less/.csslintrc +19 -19
  27. package/src/android-bootstrap/less/alerts.less +73 -73
  28. package/src/android-bootstrap/less/badges.less +66 -66
  29. package/src/android-bootstrap/less/bootstrap.less +56 -56
  30. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  31. package/src/android-bootstrap/less/button-groups.less +247 -247
  32. package/src/android-bootstrap/less/buttons.less +173 -173
  33. package/src/android-bootstrap/less/carousel.less +269 -269
  34. package/src/android-bootstrap/less/close.less +34 -34
  35. package/src/android-bootstrap/less/code.less +69 -69
  36. package/src/android-bootstrap/less/component-animations.less +33 -33
  37. package/src/android-bootstrap/less/dropdowns.less +216 -216
  38. package/src/android-bootstrap/less/forms.less +626 -626
  39. package/src/android-bootstrap/less/glyphicons.less +305 -305
  40. package/src/android-bootstrap/less/grid.less +84 -84
  41. package/src/android-bootstrap/less/input-groups.less +167 -167
  42. package/src/android-bootstrap/less/jumbotron.less +52 -52
  43. package/src/android-bootstrap/less/labels.less +64 -64
  44. package/src/android-bootstrap/less/list-group.less +141 -141
  45. package/src/android-bootstrap/less/media.less +66 -66
  46. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  47. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  48. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  49. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  50. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  51. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  52. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  53. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  54. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  55. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  56. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  57. package/src/android-bootstrap/less/mixins/image.less +33 -33
  58. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  59. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  60. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  61. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  62. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  63. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  64. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  65. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  66. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  67. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  68. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  69. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  70. package/src/android-bootstrap/less/mixins/size.less +10 -10
  71. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  72. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  73. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  74. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  75. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  76. package/src/android-bootstrap/less/mixins.less +40 -40
  77. package/src/android-bootstrap/less/modals.less +151 -151
  78. package/src/android-bootstrap/less/navbar.less +660 -660
  79. package/src/android-bootstrap/less/navs.less +290 -290
  80. package/src/android-bootstrap/less/normalize.less +424 -424
  81. package/src/android-bootstrap/less/pager.less +76 -76
  82. package/src/android-bootstrap/less/pagination.less +89 -89
  83. package/src/android-bootstrap/less/panels.less +274 -274
  84. package/src/android-bootstrap/less/popovers.less +131 -131
  85. package/src/android-bootstrap/less/print.less +101 -101
  86. package/src/android-bootstrap/less/progress-bars.less +87 -87
  87. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  88. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  89. package/src/android-bootstrap/less/scaffolding.less +161 -161
  90. package/src/android-bootstrap/less/tables.less +262 -262
  91. package/src/android-bootstrap/less/theme.less +291 -291
  92. package/src/android-bootstrap/less/thumbnails.less +36 -36
  93. package/src/android-bootstrap/less/tooltip.less +102 -102
  94. package/src/android-bootstrap/less/type.less +303 -303
  95. package/src/android-bootstrap/less/utilities.less +55 -55
  96. package/src/android-bootstrap/less/variables.less +896 -896
  97. package/src/android-bootstrap/less/wells.less +29 -29
  98. package/src/bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  99. package/src/bootstrap/less/.csscomb.json +304 -304
  100. package/src/bootstrap/less/.csslintrc +19 -19
  101. package/src/bootstrap/less/alerts.less +73 -73
  102. package/src/bootstrap/less/badges.less +66 -66
  103. package/src/bootstrap/less/bootstrap.less +56 -56
  104. package/src/bootstrap/less/breadcrumbs.less +26 -26
  105. package/src/bootstrap/less/button-groups.less +247 -247
  106. package/src/bootstrap/less/buttons.less +172 -172
  107. package/src/bootstrap/less/carousel.less +269 -269
  108. package/src/bootstrap/less/close.less +34 -34
  109. package/src/bootstrap/less/code.less +69 -69
  110. package/src/bootstrap/less/component-animations.less +33 -33
  111. package/src/bootstrap/less/dropdowns.less +216 -216
  112. package/src/bootstrap/less/forms.less +626 -626
  113. package/src/bootstrap/less/glyphicons.less +305 -305
  114. package/src/bootstrap/less/grid.less +84 -84
  115. package/src/bootstrap/less/input-groups.less +167 -167
  116. package/src/bootstrap/less/jumbotron.less +52 -52
  117. package/src/bootstrap/less/labels.less +64 -64
  118. package/src/bootstrap/less/list-group.less +141 -141
  119. package/src/bootstrap/less/media.less +66 -66
  120. package/src/bootstrap/less/mixins/alerts.less +14 -14
  121. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  122. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  123. package/src/bootstrap/less/mixins/buttons.less +69 -69
  124. package/src/bootstrap/less/mixins/center-block.less +7 -7
  125. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  126. package/src/bootstrap/less/mixins/forms.less +90 -90
  127. package/src/bootstrap/less/mixins/gradients.less +59 -59
  128. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  129. package/src/bootstrap/less/mixins/grid.less +122 -122
  130. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  131. package/src/bootstrap/less/mixins/image.less +33 -33
  132. package/src/bootstrap/less/mixins/labels.less +12 -12
  133. package/src/bootstrap/less/mixins/list-group.less +30 -30
  134. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  135. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  136. package/src/bootstrap/less/mixins/opacity.less +8 -8
  137. package/src/bootstrap/less/mixins/pagination.less +24 -24
  138. package/src/bootstrap/less/mixins/panels.less +24 -24
  139. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  140. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  141. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  142. package/src/bootstrap/less/mixins/resize.less +6 -6
  143. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  144. package/src/bootstrap/less/mixins/size.less +10 -10
  145. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  146. package/src/bootstrap/less/mixins/table-row.less +44 -44
  147. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  148. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  149. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  150. package/src/bootstrap/less/mixins.less +40 -40
  151. package/src/bootstrap/less/modals.less +151 -151
  152. package/src/bootstrap/less/navbar.less +660 -660
  153. package/src/bootstrap/less/navs.less +286 -286
  154. package/src/bootstrap/less/normalize.less +424 -424
  155. package/src/bootstrap/less/pager.less +76 -76
  156. package/src/bootstrap/less/pagination.less +89 -89
  157. package/src/bootstrap/less/panels.less +275 -275
  158. package/src/bootstrap/less/popovers.less +131 -131
  159. package/src/bootstrap/less/print.less +101 -101
  160. package/src/bootstrap/less/progress-bars.less +87 -87
  161. package/src/bootstrap/less/responsive-embed.less +35 -35
  162. package/src/bootstrap/less/responsive-utilities.less +194 -194
  163. package/src/bootstrap/less/scaffolding.less +161 -161
  164. package/src/bootstrap/less/tables.less +262 -262
  165. package/src/bootstrap/less/theme.less +291 -291
  166. package/src/bootstrap/less/thumbnails.less +36 -36
  167. package/src/bootstrap/less/tooltip.less +102 -102
  168. package/src/bootstrap/less/type.less +303 -303
  169. package/src/bootstrap/less/utilities.less +55 -55
  170. package/src/bootstrap/less/variables.less +895 -895
  171. package/src/bootstrap/less/wells.less +29 -29
  172. package/src/components/AloneLoadParams.vue +26 -26
  173. package/src/components/EncryptUtil.js +53 -53
  174. package/src/components/LoadAppdata.vue +38 -38
  175. package/src/components/PhoneSellInfo.vue +148 -148
  176. package/src/components/Test.vue +14 -14
  177. package/src/plugins/GetStringData.js +18 -18
  178. package/src/plugins/LoadParams.js +24 -24
  179. package/src/services/ConfigService.js +24 -24
  180. package/static/app.json +4 -4
  181. package/static/globals.txt +74 -74
  182. package/test/unit/.eslintrc +5 -5
  183. package/test/unit/TestUtil.js +35 -35
  184. package/test/unit/context.html +20 -20
  185. package/test/unit/index.js +13 -13
  186. package/test/unit/init.js +13 -13
  187. package/test/unit/karma.conf.js +50 -50
  188. package/test/unit/specs/App.spec.js +17 -17
  189. package/test/unit/specs/Test.spec.js +28 -28
  190. package/test/unit/specs/components/LoginApp.spec.js +21 -21
  191. package/test/unit/specs/sevices/ConfigService.spec.js +23 -23
  192. package/test/unit/specs/sevices/GetDBTest.spec.js +28 -28
  193. package/.serena/project.yml +0 -87
@@ -1,8 +1,8 @@
1
- // Opacity
2
-
3
- .opacity(@opacity) {
4
- opacity: @opacity;
5
- // IE8 filter
6
- @opacity-ie: (@opacity * 100);
7
- filter: ~"alpha(opacity=@{opacity-ie})";
8
- }
1
+ // Opacity
2
+
3
+ .opacity(@opacity) {
4
+ opacity: @opacity;
5
+ // IE8 filter
6
+ @opacity-ie: (@opacity * 100);
7
+ filter: ~"alpha(opacity=@{opacity-ie})";
8
+ }
@@ -1,24 +1,24 @@
1
- // Pagination
2
-
3
- .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
4
- > li {
5
- > a,
6
- > span {
7
- padding: @padding-vertical @padding-horizontal;
8
- font-size: @font-size;
9
- line-height: @line-height;
10
- }
11
- &:first-child {
12
- > a,
13
- > span {
14
- .border-left-radius(@border-radius);
15
- }
16
- }
17
- &:last-child {
18
- > a,
19
- > span {
20
- .border-right-radius(@border-radius);
21
- }
22
- }
23
- }
24
- }
1
+ // Pagination
2
+
3
+ .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
4
+ > li {
5
+ > a,
6
+ > span {
7
+ padding: @padding-vertical @padding-horizontal;
8
+ font-size: @font-size;
9
+ line-height: @line-height;
10
+ }
11
+ &:first-child {
12
+ > a,
13
+ > span {
14
+ .border-left-radius(@border-radius);
15
+ }
16
+ }
17
+ &:last-child {
18
+ > a,
19
+ > span {
20
+ .border-right-radius(@border-radius);
21
+ }
22
+ }
23
+ }
24
+ }
@@ -1,24 +1,24 @@
1
- // Panels
2
-
3
- .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4
- border-color: @border;
5
-
6
- & > .panel-heading {
7
- color: @heading-text-color;
8
- background-color: @heading-bg-color;
9
- border-color: @heading-border;
10
-
11
- + .panel-collapse > .panel-body {
12
- border-top-color: @border;
13
- }
14
- .badge {
15
- color: @heading-bg-color;
16
- background-color: @heading-text-color;
17
- }
18
- }
19
- & > .panel-footer {
20
- + .panel-collapse > .panel-body {
21
- border-bottom-color: @border;
22
- }
23
- }
24
- }
1
+ // Panels
2
+
3
+ .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4
+ border-color: @border;
5
+
6
+ & > .panel-heading {
7
+ color: @heading-text-color;
8
+ background-color: @heading-bg-color;
9
+ border-color: @heading-border;
10
+
11
+ + .panel-collapse > .panel-body {
12
+ border-top-color: @border;
13
+ }
14
+ .badge {
15
+ color: @heading-bg-color;
16
+ background-color: @heading-text-color;
17
+ }
18
+ }
19
+ & > .panel-footer {
20
+ + .panel-collapse > .panel-body {
21
+ border-bottom-color: @border;
22
+ }
23
+ }
24
+ }
@@ -1,10 +1,10 @@
1
- // Progress bars
2
-
3
- .progress-bar-variant(@color) {
4
- background-color: @color;
5
-
6
- // Deprecated parent class requirement as of v3.2.0
7
- .progress-striped & {
8
- #gradient > .striped();
9
- }
10
- }
1
+ // Progress bars
2
+
3
+ .progress-bar-variant(@color) {
4
+ background-color: @color;
5
+
6
+ // Deprecated parent class requirement as of v3.2.0
7
+ .progress-striped & {
8
+ #gradient > .striped();
9
+ }
10
+ }
@@ -1,8 +1,8 @@
1
- // Reset filters for IE
2
- //
3
- // When you need to remove a gradient background, do not forget to use this to reset
4
- // the IE filter for IE9 and below.
5
-
6
- .reset-filter() {
7
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8
- }
1
+ // Reset filters for IE
2
+ //
3
+ // When you need to remove a gradient background, do not forget to use this to reset
4
+ // the IE filter for IE9 and below.
5
+
6
+ .reset-filter() {
7
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8
+ }
@@ -1,18 +1,18 @@
1
- .reset-text() {
2
- font-family: @font-family-base;
3
- // We deliberately do NOT reset font-size.
4
- font-style: normal;
5
- font-weight: normal;
6
- letter-spacing: normal;
7
- line-break: auto;
8
- line-height: @line-height-base;
9
- text-align: left; // Fallback for where `start` is not supported
10
- text-align: start;
11
- text-decoration: none;
12
- text-shadow: none;
13
- text-transform: none;
14
- white-space: normal;
15
- word-break: normal;
16
- word-spacing: normal;
17
- word-wrap: normal;
18
- }
1
+ .reset-text() {
2
+ font-family: @font-family-base;
3
+ // We deliberately do NOT reset font-size.
4
+ font-style: normal;
5
+ font-weight: normal;
6
+ letter-spacing: normal;
7
+ line-break: auto;
8
+ line-height: @line-height-base;
9
+ text-align: left; // Fallback for where `start` is not supported
10
+ text-align: start;
11
+ text-decoration: none;
12
+ text-shadow: none;
13
+ text-transform: none;
14
+ white-space: normal;
15
+ word-break: normal;
16
+ word-spacing: normal;
17
+ word-wrap: normal;
18
+ }
@@ -1,6 +1,6 @@
1
- // Resize anything
2
-
3
- .resizable(@direction) {
4
- resize: @direction; // Options: horizontal, vertical, both
5
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
- }
1
+ // Resize anything
2
+
3
+ .resizable(@direction) {
4
+ resize: @direction; // Options: horizontal, vertical, both
5
+ overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
+ }
@@ -1,15 +1,15 @@
1
- // Responsive utilities
2
-
3
- //
4
- // More easily include all the states for responsive-utilities.less.
5
- .responsive-visibility() {
6
- display: block !important;
7
- table& { display: table !important; }
8
- tr& { display: table-row !important; }
9
- th&,
10
- td& { display: table-cell !important; }
11
- }
12
-
13
- .responsive-invisibility() {
14
- display: none !important;
15
- }
1
+ // Responsive utilities
2
+
3
+ //
4
+ // More easily include all the states for responsive-utilities.less.
5
+ .responsive-visibility() {
6
+ display: block !important;
7
+ table& { display: table !important; }
8
+ tr& { display: table-row !important; }
9
+ th&,
10
+ td& { display: table-cell !important; }
11
+ }
12
+
13
+ .responsive-invisibility() {
14
+ display: none !important;
15
+ }
@@ -1,10 +1,10 @@
1
- // Sizing shortcuts
2
-
3
- .size(@width; @height) {
4
- width: @width;
5
- height: @height;
6
- }
7
-
8
- .square(@size) {
9
- .size(@size; @size);
10
- }
1
+ // Sizing shortcuts
2
+
3
+ .size(@width; @height) {
4
+ width: @width;
5
+ height: @height;
6
+ }
7
+
8
+ .square(@size) {
9
+ .size(@size; @size);
10
+ }
@@ -1,9 +1,9 @@
1
- // WebKit-style focus
2
-
3
- .tab-focus() {
4
- // Default
5
- outline: thin dotted;
6
- // WebKit
7
- outline: 5px auto -webkit-focus-ring-color;
8
- outline-offset: -2px;
9
- }
1
+ // WebKit-style focus
2
+
3
+ .tab-focus() {
4
+ // Default
5
+ outline: thin dotted;
6
+ // WebKit
7
+ outline: 5px auto -webkit-focus-ring-color;
8
+ outline-offset: -2px;
9
+ }
@@ -1,44 +1,44 @@
1
- // Tables
2
-
3
- .table-row-variant(@state; @background) {
4
- // Exact selectors below required to override `.table-striped` and prevent
5
- // inheritance to nested tables.
6
- // 原本的
7
- // .table > thead > tr,
8
- // .table > tbody > tr,
9
- // .table > tfoot > tr {
10
- // > td.@{state},
11
- // > th.@{state},
12
- // &.@{state} > td,
13
- // &.@{state} > th {
14
- // background-color: @background;
15
- // }
16
- // }
17
- // 修改后,修改的值写死了,有待改进
18
- .table > thead,
19
- .table > tbody,
20
- .table > tfoot {
21
- tr.@{state},
22
- &.@{state} > tr {
23
- // border: 2px solid #E5DB86;
24
- > td.@{state},
25
- > th.@{state},
26
- &.@{state} > td,
27
- &.@{state} > th {
28
- background-color: @background;
29
- }
30
- }
31
- }
32
-
33
- // Hover states for `.table-hover`
34
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
35
- .table-hover > tbody > tr {
36
- > td.@{state}:hover,
37
- > th.@{state}:hover,
38
- &.@{state}:hover > td,
39
- &:hover > .@{state},
40
- &.@{state}:hover > th {
41
- background-color: darken(@background, 5%);
42
- }
43
- }
44
- }
1
+ // Tables
2
+
3
+ .table-row-variant(@state; @background) {
4
+ // Exact selectors below required to override `.table-striped` and prevent
5
+ // inheritance to nested tables.
6
+ // 原本的
7
+ // .table > thead > tr,
8
+ // .table > tbody > tr,
9
+ // .table > tfoot > tr {
10
+ // > td.@{state},
11
+ // > th.@{state},
12
+ // &.@{state} > td,
13
+ // &.@{state} > th {
14
+ // background-color: @background;
15
+ // }
16
+ // }
17
+ // 修改后,修改的值写死了,有待改进
18
+ .table > thead,
19
+ .table > tbody,
20
+ .table > tfoot {
21
+ tr.@{state},
22
+ &.@{state} > tr {
23
+ // border: 2px solid #E5DB86;
24
+ > td.@{state},
25
+ > th.@{state},
26
+ &.@{state} > td,
27
+ &.@{state} > th {
28
+ background-color: @background;
29
+ }
30
+ }
31
+ }
32
+
33
+ // Hover states for `.table-hover`
34
+ // Note: this is not available for cells or rows within `thead` or `tfoot`.
35
+ .table-hover > tbody > tr {
36
+ > td.@{state}:hover,
37
+ > th.@{state}:hover,
38
+ &.@{state}:hover > td,
39
+ &:hover > .@{state},
40
+ &.@{state}:hover > th {
41
+ background-color: darken(@background, 5%);
42
+ }
43
+ }
44
+ }
@@ -1,9 +1,9 @@
1
- // Typography
2
-
3
- .text-emphasis-variant(@color) {
4
- color: @color;
5
- a&:hover,
6
- a&:focus {
7
- color: darken(@color, 10%);
8
- }
9
- }
1
+ // Typography
2
+
3
+ .text-emphasis-variant(@color) {
4
+ color: @color;
5
+ a&:hover,
6
+ a&:focus {
7
+ color: darken(@color, 10%);
8
+ }
9
+ }
@@ -1,8 +1,8 @@
1
- // Text overflow
2
- // Requires inline-block or block for proper styling
3
-
4
- .text-overflow() {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
1
+ // Text overflow
2
+ // Requires inline-block or block for proper styling
3
+
4
+ .text-overflow() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }