@aplus-frontend/ui 0.6.0-beta.1 → 0.6.0-beta.2

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 (93) hide show
  1. package/es/src/ap-button/ap-button.vue.mjs +1 -1
  2. package/es/src/ap-form/search-form/index.vue.mjs +1 -1
  3. package/es/src/ap-grid/index.vue.mjs +129 -121
  4. package/es/src/ap-table/ap-table.vue2.mjs +206 -199
  5. package/es/src/ap-tag/ap-tag.vue.d.ts +1 -0
  6. package/es/src/ap-tag/ap-tag.vue.mjs +18 -12
  7. package/es/src/ap-tag/interface.d.ts +4 -0
  8. package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs +11 -12
  9. package/es/src/business/ap-export-group/ApExportGroup.vue.d.ts +1 -0
  10. package/es/src/business/ap-export-group/ApExportGroup.vue2.mjs +108 -99
  11. package/es/src/business/ap-export-group/index.d.ts +3 -0
  12. package/es/src/business/ap-export-group/interface.d.ts +7 -2
  13. package/es/src/business/ap-table-modal/modal-title.vue2.mjs +2 -2
  14. package/es/src/business/ap-view/ap-view.vue2.mjs +72 -69
  15. package/es/src/business/ap-view/components/main-button-content.vue2.mjs +49 -43
  16. package/es/src/business/ap-view/interface.d.ts +4 -0
  17. package/es/src/business/hooks/usePageListApGrid.mjs +2 -4
  18. package/es/src/config-provider/css-var.mjs +2 -2
  19. package/es/src/locale/lang/en.mjs +1 -1
  20. package/es/src/locale/lang/zh-cn.mjs +1 -1
  21. package/lib/src/ap-button/ap-button.vue.js +1 -1
  22. package/lib/src/ap-form/search-form/index.vue.js +1 -1
  23. package/lib/src/ap-grid/index.vue.js +1 -1
  24. package/lib/src/ap-table/ap-table.vue2.js +1 -1
  25. package/lib/src/ap-tag/ap-tag.vue.d.ts +1 -0
  26. package/lib/src/ap-tag/ap-tag.vue.js +1 -1
  27. package/lib/src/ap-tag/interface.d.ts +4 -0
  28. package/lib/src/business/ap-expand-alert/ApExpandAlert.vue2.js +1 -1
  29. package/lib/src/business/ap-export-group/ApExportGroup.vue.d.ts +1 -0
  30. package/lib/src/business/ap-export-group/ApExportGroup.vue2.js +1 -1
  31. package/lib/src/business/ap-export-group/index.d.ts +3 -0
  32. package/lib/src/business/ap-export-group/interface.d.ts +7 -2
  33. package/lib/src/business/ap-table-modal/modal-title.vue2.js +1 -1
  34. package/lib/src/business/ap-view/ap-view.vue2.js +1 -1
  35. package/lib/src/business/ap-view/components/main-button-content.vue2.js +1 -1
  36. package/lib/src/business/ap-view/interface.d.ts +4 -0
  37. package/lib/src/business/hooks/usePageListApGrid.js +1 -1
  38. package/lib/src/config-provider/css-var.js +1 -1
  39. package/lib/src/locale/lang/en.js +1 -1
  40. package/lib/src/locale/lang/zh-cn.js +1 -1
  41. package/package.json +1 -1
  42. package/theme/antd-global-overwrite/admin/index.css +5 -8
  43. package/theme/antd-global-overwrite/admin/modal.css +2 -5
  44. package/theme/antd-global-overwrite/admin/modal.less +3 -3
  45. package/theme/antd-global-overwrite/admin/table.css +3 -3
  46. package/theme/antd-global-overwrite/admin/table.less +3 -3
  47. package/theme/antd-global-overwrite/aplus/index.css +5 -8
  48. package/theme/antd-global-overwrite/aplus/modal.css +2 -5
  49. package/theme/antd-global-overwrite/aplus/modal.less +3 -3
  50. package/theme/antd-global-overwrite/aplus/table.css +3 -3
  51. package/theme/antd-global-overwrite/aplus/table.less +3 -3
  52. package/theme/ap-appendix/ap-appendix.css +4 -2
  53. package/theme/ap-appendix/ap-appendix.less +4 -2
  54. package/theme/ap-attachment/ap-attachment.css +4 -4
  55. package/theme/ap-attachment/ap-attachment.less +4 -4
  56. package/theme/ap-batch-action/ap-batch-action.css +6 -3
  57. package/theme/ap-batch-action/ap-batch-action.less +6 -3
  58. package/theme/ap-descriptions/ap-descriptions.css +3 -5
  59. package/theme/ap-descriptions/ap-descriptions.less +3 -5
  60. package/theme/ap-download/ap-download.css +7 -10
  61. package/theme/ap-download/ap-download.less +8 -11
  62. package/theme/ap-expand-alert/ap-expand-alert.css +1 -1
  63. package/theme/ap-expand-alert/ap-expand-alert.less +3 -4
  64. package/theme/ap-grid/editable.less +3 -2
  65. package/theme/ap-grid/index.css +1 -1
  66. package/theme/ap-grid/index.less +6 -4
  67. package/theme/ap-ladder/ap-ladder.css +3 -3
  68. package/theme/ap-ladder/ap-ladder.less +3 -3
  69. package/theme/ap-select-layout/ap-select-layout.css +8 -8
  70. package/theme/ap-select-layout/ap-select-layout.less +8 -8
  71. package/theme/ap-status/ap-status.css +2 -3
  72. package/theme/ap-status/ap-status.less +2 -4
  73. package/theme/ap-summary/index.css +3 -3
  74. package/theme/ap-summary/index.less +3 -3
  75. package/theme/ap-table/ap-table-index.css +5 -5
  76. package/theme/ap-table/ap-table-index.less +5 -5
  77. package/theme/ap-table/ap-table-paragraph-ellipsis.less +1 -1
  78. package/theme/ap-table/ap-table.css +7 -9
  79. package/theme/ap-table/ap-table.less +2 -5
  80. package/theme/ap-table-modal/index.css +7 -9
  81. package/theme/ap-tag/ap-tag-group.less +2 -2
  82. package/theme/ap-tag/ap-tag.css +24 -15
  83. package/theme/ap-tag/ap-tag.less +37 -24
  84. package/theme/ap-title/ap-title.css +2 -2
  85. package/theme/ap-title/ap-title.less +2 -2
  86. package/theme/ap-upload/index.css +3 -3
  87. package/theme/ap-upload/multiple-file.css +1 -1
  88. package/theme/ap-upload/multiple-file.less +1 -1
  89. package/theme/ap-upload/picture.css +2 -2
  90. package/theme/ap-upload/picture.less +2 -2
  91. package/theme/ap-view/ap-view.css +4 -0
  92. package/theme/ap-view/ap-view.less +4 -0
  93. package/theme/index.css +82 -72
@@ -86,7 +86,7 @@
86
86
  border-top: none;
87
87
 
88
88
  button {
89
- min-width: 88px;
89
+ min-width: 72px;
90
90
  }
91
91
  }
92
92
  }
@@ -95,7 +95,7 @@
95
95
  .ant-modal-confirm {
96
96
  .ant-modal-content {
97
97
  .ant-modal-body {
98
- padding: 32px 32px 28px !important;
98
+ // padding: 32px 32px 28px !important;
99
99
 
100
100
  .ant-modal-confirm-body {
101
101
  & > .anticon {
@@ -130,7 +130,7 @@
130
130
  padding-top: 24px;
131
131
 
132
132
  button {
133
- min-width: 88px;
133
+ min-width: 72px;
134
134
  }
135
135
  }
136
136
  }
@@ -254,7 +254,7 @@
254
254
  [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
255
255
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar,
256
256
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(ul.ant-pagination) .aplus-scroll-bar {
257
- bottom: 56px;
257
+ bottom: 48px;
258
258
  }
259
259
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
260
260
  [class*='-ap-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container ul.ant-pagination,
@@ -278,7 +278,7 @@
278
278
  bottom: 0;
279
279
  z-index: 90;
280
280
  margin: 0;
281
- padding: 16px 0;
281
+ padding: 12px 0;
282
282
  background-color: #ffffff;
283
283
  }
284
284
  [class*='-basic-table'].ap-table--sticky .aplus-ap-table__table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
@@ -299,5 +299,5 @@
299
299
  [class*='-basic-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
300
300
  [class*='-ap-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination,
301
301
  [class*='-pro-table'].ap-table--sticky .ant-table-wrapper .ant-spin-container:has(.aplus-scroll-bar) ul.ant-pagination {
302
- padding-top: 8px;
302
+ padding-top: 4px;
303
303
  }
@@ -168,7 +168,7 @@
168
168
 
169
169
  &:has(ul.ant-pagination) {
170
170
  .@{sb} {
171
- bottom: 56px;
171
+ bottom: 48px;
172
172
  }
173
173
  }
174
174
 
@@ -177,13 +177,13 @@
177
177
  bottom: 0;
178
178
  z-index: 90;
179
179
  margin: 0;
180
- padding: 16px 0;
180
+ padding: 12px 0;
181
181
  background-color: #ffffff;
182
182
  }
183
183
 
184
184
  &:has(.@{sb}) {
185
185
  ul.ant-pagination {
186
- padding-top: 8px;
186
+ padding-top: 4px;
187
187
  }
188
188
  }
189
189
  }
@@ -76,10 +76,12 @@
76
76
  overflow: hidden;
77
77
  width: -moz-max-content;
78
78
  width: max-content;
79
+ display: flex;
80
+ align-items: center;
79
81
  }
80
82
  .aplus-ap-appendix__file-area-content-item-file-name .ant-typography {
81
- font-size: 14px;
82
- line-height: 22px;
83
+ font-size: 12px;
84
+ line-height: 1.5;
83
85
  color: var(--ap-appendix-area-color-font, #182948);
84
86
  transition: color 0.2s;
85
87
  }
@@ -43,9 +43,11 @@
43
43
  min-width: 0;
44
44
  overflow: hidden;
45
45
  width: max-content;
46
+ display: flex;
47
+ align-items: center;
46
48
  .ant-typography{
47
- font-size: 14px;
48
- line-height: 22px;
49
+ font-size: @font-size-base;
50
+ line-height: @line-height-base;
49
51
  color: var(--ap-appendix-area-color-font,#182948);
50
52
  transition: color 0.2s;
51
53
  }
@@ -51,7 +51,7 @@
51
51
  white-space: nowrap;
52
52
  overflow: hidden;
53
53
  text-overflow: ellipsis;
54
- font-size: 14px;
54
+ font-size: 12px;
55
55
  cursor: pointer;
56
56
  color: var(--download-main-color);
57
57
  }
@@ -60,7 +60,7 @@
60
60
  }
61
61
  .aplus-ap-attachment__more {
62
62
  display: inline-block;
63
- font-size: 14px;
63
+ font-size: 12px;
64
64
  cursor: pointer;
65
65
  color: var(--download-main-color);
66
66
  }
@@ -78,7 +78,7 @@
78
78
  flex: 1;
79
79
  word-wrap: break-word;
80
80
  margin-bottom: 16px;
81
- font-size: 14px;
81
+ font-size: 12px;
82
82
  color: #000;
83
83
  cursor: pointer;
84
84
  }
@@ -86,7 +86,7 @@
86
86
  color: var(--download-main-color);
87
87
  }
88
88
  .aplus-ap-attachment__down-load-all {
89
- font-size: 14px;
89
+ font-size: 12px;
90
90
  color: var(--download-main-color);
91
91
  cursor: pointer;
92
92
  margin-bottom: 0;
@@ -24,7 +24,7 @@
24
24
  white-space: nowrap;
25
25
  overflow: hidden;
26
26
  text-overflow: ellipsis;
27
- font-size: 14px;
27
+ font-size: @font-size-base;
28
28
  cursor: pointer;
29
29
  color: var(--download-main-color);
30
30
 
@@ -34,7 +34,7 @@
34
34
  }
35
35
  &__more{
36
36
  display: inline-block;
37
- font-size: 14px;
37
+ font-size: @font-size-base;
38
38
  cursor: pointer;
39
39
  color: var(--download-main-color);
40
40
  &:hover{
@@ -53,7 +53,7 @@
53
53
  flex:1;
54
54
  word-wrap: break-word;
55
55
  margin-bottom: 16px;
56
- font-size:14px;
56
+ font-size: @font-size-base;
57
57
  color:#000;
58
58
  cursor: pointer;
59
59
  &:hover{
@@ -61,7 +61,7 @@
61
61
  }
62
62
  }
63
63
  &__down-load-all{
64
- font-size:14px;
64
+ font-size:@font-size-base;
65
65
  color: var(--download-main-color);
66
66
  cursor: pointer;
67
67
  margin-bottom:0;
@@ -41,13 +41,16 @@
41
41
  flex-shrink: 0;
42
42
  }
43
43
  .aplus-ap-batch-action-body .selected-desc-conut {
44
- font-size: 14px;
44
+ display: flex;
45
+ align-items: center;
46
+ font-size: 12px;
45
47
  color: var(--ap-batch-action-color-font, #8896b0);
46
48
  }
47
49
  .aplus-ap-batch-action-body .selected-desc-conut span {
48
50
  color: var(--ap-batch-action-color-active, #0070ff);
49
51
  font-weight: bold;
50
52
  min-width: 10px;
53
+ text-align: center;
51
54
  display: inline-block;
52
55
  }
53
56
  .aplus-ap-batch-action-body .selected-desc-clean {
@@ -58,7 +61,7 @@
58
61
  }
59
62
  .aplus-ap-batch-action-header {
60
63
  width: 100%;
61
- padding-bottom: 12px;
62
- margin-bottom: 12px;
64
+ padding-bottom: 8px;
65
+ margin-bottom: 8px;
63
66
  border-bottom: 1px solid var(--ap-batch-action-color-border, #E9EDF3);
64
67
  }
@@ -12,12 +12,15 @@
12
12
  margin-right: 16px;
13
13
  flex-shrink: 0;
14
14
  &-conut{
15
- font-size: 14px;
15
+ display: flex;
16
+ align-items: center;
17
+ font-size: @font-size-base;
16
18
  color: var(--ap-batch-action-color-font,#8896b0);
17
19
  span{
18
20
  color: var(--ap-batch-action-color-active,#0070ff);
19
21
  font-weight: bold;
20
22
  min-width: 10px;
23
+ text-align: center;
21
24
  display: inline-block;
22
25
  }
23
26
  }
@@ -31,8 +34,8 @@
31
34
  }
32
35
  &-header {
33
36
  width: 100%;
34
- padding-bottom: 12px;
35
- margin-bottom: 12px;
37
+ padding-bottom: 8px;
38
+ margin-bottom: 8px;
36
39
  border-bottom: 1px solid var(--ap-batch-action-color-border,#E9EDF3);
37
40
  }
38
41
  });
@@ -43,7 +43,7 @@
43
43
  padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
44
44
  }
45
45
  .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
46
- margin-inline: 4px 20px;
46
+ margin-inline: 4px 12px;
47
47
  }
48
48
  .aplus-ap-descriptions-item__ellipsis .ant-descriptions-item-label {
49
49
  flex-shrink: 0;
@@ -71,8 +71,7 @@
71
71
  }
72
72
  .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
73
73
  margin-left: 4px;
74
- color: #34b77c;
75
- font-size: 16px;
74
+ color: #999999;
76
75
  }
77
76
  .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
78
77
  color: #333333;
@@ -88,8 +87,7 @@
88
87
  }
89
88
  .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
90
89
  margin-left: 4px;
91
- color: #0070FF;
92
- font-size: 16px;
90
+ color: #8896B0;
93
91
  }
94
92
  .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
95
93
  color: #182948;
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  .ant-descriptions-item-label::after {
35
- margin-inline: 4px 20px;
35
+ margin-inline: 4px 12px;
36
36
  }
37
37
  }
38
38
 
@@ -78,8 +78,7 @@
78
78
  // 帮助icon样式
79
79
  .ap-descriptions-item-content__help {
80
80
  margin-left: 4px;
81
- color: #34b77c;
82
- font-size: 16px;
81
+ color: #999999;
83
82
  }
84
83
  }
85
84
 
@@ -105,8 +104,7 @@
105
104
  // 帮助icon样式
106
105
  .ap-descriptions-item-content__help {
107
106
  margin-left: 4px;
108
- color: #0070FF;
109
- font-size: 16px;
107
+ color: #8896B0;
110
108
  }
111
109
  }
112
110
 
@@ -42,7 +42,7 @@
42
42
  }
43
43
  .aplus-ap-download-inner-wrapper .icon {
44
44
  position: relative;
45
- font-size: 18px;
45
+ font-size: 16px;
46
46
  margin-right: 5px;
47
47
  }
48
48
  .aplus-ap-download-inner-wrapper .text {
@@ -52,19 +52,16 @@
52
52
  color: var(--download-main-color-opacity);
53
53
  }
54
54
  .aplus-ap-download-inner-wrapper--large {
55
- line-height: 26px;
56
- height: 28px;
57
- font-size: 16px;
55
+ line-height: 1.1 0.57142857;
56
+ font-size: 14px;
58
57
  }
59
58
  .aplus-ap-download-inner-wrapper--middle {
60
- line-height: 22px;
61
- height: 24px;
62
- font-size: 14px;
59
+ line-height: 1.5;
60
+ font-size: 12px;
63
61
  }
64
62
  .aplus-ap-download-inner-wrapper--small {
65
- line-height: 19px;
66
- height: 20px;
67
- font-size: 12px;
63
+ line-height: 1.6;
64
+ font-size: 10px;
68
65
  }
69
66
  .aplus-ap-download-inner-wrapper--disabled {
70
67
  color: #8896b0;
@@ -17,8 +17,8 @@
17
17
  }
18
18
  .icon{
19
19
  position: relative;
20
- font-size:18px;
21
- margin-right:5px;
20
+ font-size: @fonts-size-xl;
21
+ margin-right: 5px;
22
22
  }
23
23
  .text{
24
24
  color: var(--download-main-color);
@@ -27,20 +27,17 @@
27
27
  color: var(--download-main-color-opacity);
28
28
  }
29
29
  &--large {
30
- line-height: 26px;
31
- height: 28px;
32
- font-size: 16px;
30
+ line-height: @line-height-lg;
31
+ font-size: @font-size-lg;
33
32
  }
34
33
 
35
34
  &--middle {
36
- line-height: 22px;
37
- height: 24px;
38
- font-size: 14px;
35
+ line-height: @line-height-base;
36
+ font-size: @font-size-base;
39
37
  }
40
38
  &--small {
41
- line-height: 19px;
42
- height: 20px;
43
- font-size: 12px;
39
+ line-height: @line-height-small;
40
+ font-size: @font-size-small;
44
41
  }
45
42
  &--disabled {
46
43
 
@@ -66,7 +66,7 @@
66
66
  line-height: 18px;
67
67
  }
68
68
  .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
69
- font-size: 16px;
69
+ font-size: 14px;
70
70
  transform: translateY(2px);
71
71
  }
72
72
  .aplus-ap-expand-alert--aplus .card-alert {
@@ -5,11 +5,11 @@
5
5
 
6
6
  .b('ap-expand-alert', {
7
7
  .@{ai} {
8
- font-size: 12px;
8
+ font-size: @font-size-base;
9
9
  }
10
10
 
11
11
  &__expandText {
12
- font-size: 12px;
12
+ font-size: @font-size-base;
13
13
  margin-inline-end: 4px;
14
14
  margin-inline-start: 4px;
15
15
  }
@@ -28,7 +28,6 @@
28
28
 
29
29
  &__alertContent {
30
30
  color: #182948;
31
-
32
31
  }
33
32
 
34
33
  // 考虑多端样式
@@ -61,7 +60,7 @@
61
60
  line-height: 18px;
62
61
 
63
62
  .ant-alert-icon {
64
- font-size: 16px;
63
+ font-size: @font-size-lg;
65
64
  transform: translateY(2px);
66
65
  }
67
66
  }
@@ -19,10 +19,11 @@
19
19
  flex: 1;
20
20
  }
21
21
  }
22
+ // 总的可编辑单元格为上下16px 左右8px
22
23
  .ant-form-item {
23
- margin-bottom: 16px;
24
+ margin-bottom: @spacing-xl;
24
25
  }
25
26
  .vxe-cell:has(.is-editable) {
26
- padding-block: 16px 0px !important;
27
+ padding-block: @spacing-xl 0px !important;
27
28
  }
28
29
  });
@@ -470,7 +470,7 @@
470
470
  }
471
471
  .aplus-ap-grid__search-wrapper {
472
472
  padding: 8px;
473
- padding-bottom: 2px;
473
+ padding-bottom: 0;
474
474
  background-color: #fff;
475
475
  border-radius: 4px;
476
476
  margin-bottom: 10px;
@@ -31,6 +31,7 @@
31
31
  position: sticky;
32
32
  bottom: 0;
33
33
  }
34
+ // 如果粘贴模式下渲染了自定义滚动条,则隐藏默认滚动条及其区域,重设分页器顶部间距
34
35
  &:has(.@{sb}) {
35
36
  .@{pg} {
36
37
  ul.ant-pagination {
@@ -49,6 +50,7 @@
49
50
  &-wrapper {
50
51
  padding: @spacing;
51
52
  padding-bottom: @spacing-lg;
53
+ // 如果渲染了分页器,则取消容器的底部边距,防止双重边距
52
54
  &:has(ul.ant-pagination) {
53
55
  padding-bottom: 0;
54
56
  }
@@ -61,8 +63,8 @@
61
63
  padding-bottom: 0;
62
64
  }
63
65
  &__search-wrapper {
64
- padding:8px;
65
- padding-bottom: 2px;
66
+ padding: @spacing;
67
+ padding-bottom: 0;
66
68
  background-color: #fff;
67
69
  border-radius: @border-radius;
68
70
  margin-bottom: 10px;
@@ -104,7 +106,7 @@
104
106
  }
105
107
  &-header-wrapper {
106
108
  }
107
- // ApTable中Table的Header区域
109
+ // ApGrid中表格表头的样式
108
110
  &-table-header {
109
111
  &__title {
110
112
  display: -webkit-inline-box;
@@ -119,7 +121,7 @@
119
121
  flex: 1;
120
122
  }
121
123
  }
122
-
124
+ // 实现表头不换行排列
123
125
  th .vxe-cell--wrapper {
124
126
  display: flex;
125
127
  flex-direction: row;
@@ -29,7 +29,7 @@
29
29
  .aplus-ap-ladder {
30
30
  position: relative;
31
31
  width: inherit;
32
- font-size: 14px;
32
+ font-size: 12px;
33
33
  /** 自动溢出省略 */
34
34
  /** Aplus端样式 */
35
35
  /** Admin端样式 */
@@ -132,11 +132,11 @@
132
132
  margin-left: 4px;
133
133
  }
134
134
  .aplus-ap-ladder__major {
135
- line-height: 22px;
135
+ line-height: 1.5;
136
136
  color: #182948;
137
137
  }
138
138
  .aplus-ap-ladder__minor {
139
- line-height: 22px;
139
+ line-height: 1.5;
140
140
  color: #8896B0;
141
141
  }
142
142
  .aplus-ap-ladder__label {
@@ -5,7 +5,7 @@
5
5
  @root-cls: ~'@{ns}@{common-separator}ap-ladder';
6
6
  position: relative;
7
7
  width: inherit;
8
- font-size: 14px;
8
+ font-size: @font-size-base;
9
9
 
10
10
 
11
11
  &__value-group-item{
@@ -110,11 +110,11 @@
110
110
 
111
111
  /** Aplus端样式 */
112
112
  &__major {
113
- line-height: 22px;
113
+ line-height: @line-height-base;
114
114
  color: #182948;
115
115
  }
116
116
  &__minor {
117
- line-height: 22px;
117
+ line-height: @line-height-base;
118
118
  color: #8896B0;
119
119
  }
120
120
  &__label {
@@ -64,17 +64,17 @@
64
64
  .aplus-ap-select-layout-side__header > h3 {
65
65
  margin: 0;
66
66
  color: #333;
67
- font-size: 16px;
67
+ font-size: 14px;
68
68
  font-weight: bold;
69
- line-height: 18px;
69
+ line-height: 1.1 0.57142857;
70
70
  }
71
71
  .aplus-ap-select-layout-side__header--imgWrap {
72
72
  border-radius: 2px;
73
73
  cursor: pointer;
74
- font-size: 24px;
74
+ font-size: 20px;
75
75
  color: #999;
76
76
  display: flex;
77
- height: 24px;
77
+ height: 20px;
78
78
  }
79
79
  .aplus-ap-select-layout-side__header--imgWrap:hover {
80
80
  background: #f5f5f5;
@@ -138,9 +138,9 @@
138
138
  margin-right: 10px;
139
139
  border-radius: 2px;
140
140
  cursor: pointer;
141
- font-size: 24px;
141
+ font-size: 20px;
142
142
  display: flex;
143
- height: 24px;
143
+ height: 20px;
144
144
  color: #999;
145
145
  }
146
146
  .aplus-ap-select-layout-content__header--imgWrap:hover {
@@ -148,7 +148,7 @@
148
148
  }
149
149
  .aplus-ap-select-layout-content__header--title {
150
150
  margin: 0;
151
- font-size: 16px;
151
+ font-size: 14px;
152
152
  font-weight: bold;
153
- line-height: 32px;
153
+ line-height: 1.1 0.57142857;
154
154
  }
@@ -41,18 +41,18 @@
41
41
  & > h3 {
42
42
  margin: 0;
43
43
  color: #333;
44
- font-size: 16px;
44
+ font-size: @font-size-lg;
45
45
  font-weight: bold;
46
- line-height: 18px;
46
+ line-height: @line-height-lg;
47
47
  }
48
48
 
49
49
  &--imgWrap {
50
50
  border-radius: 2px;
51
51
  cursor: pointer;
52
- font-size: 24px;
52
+ font-size: 20px;
53
53
  color: #999;
54
54
  display: flex;
55
- height: 24px;;
55
+ height: 20px;
56
56
 
57
57
  &:hover {
58
58
  background: #f5f5f5;
@@ -130,9 +130,9 @@
130
130
  margin-right: 10px;
131
131
  border-radius: 2px;
132
132
  cursor: pointer;
133
- font-size: 24px;
133
+ font-size: 20px;
134
134
  display: flex;
135
- height: 24px;;
135
+ height: 20px;
136
136
  color: #999;
137
137
 
138
138
  &:hover {
@@ -142,9 +142,9 @@
142
142
 
143
143
  &--title {
144
144
  margin: 0;
145
- font-size: 16px;
145
+ font-size: @font-size-lg;
146
146
  font-weight: bold;
147
- line-height: 32px;
147
+ line-height: @line-height-lg;
148
148
  }
149
149
  }
150
150
  }
@@ -32,9 +32,8 @@
32
32
  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
33
33
  }
34
34
  .aplus-ap-status {
35
- font-size: 20px;
36
- height: 36px;
37
- line-height: 36px;
35
+ font-size: 16px;
36
+ line-height: 1.6;
38
37
  display: inline-block;
39
38
  position: relative;
40
39
  font-family: 'customFont';
@@ -7,9 +7,8 @@
7
7
  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
8
8
  }
9
9
  .b('ap-status', {
10
- font-size: 20px;
11
- height: 36px;
12
- line-height: 36px;
10
+ font-size: @fonts-size-xl;
11
+ line-height: @line-height-small;
13
12
  display: inline-block;
14
13
  position: relative;
15
14
  font-family: 'customFont';
@@ -19,5 +18,4 @@
19
18
  mask-size:100% 100%;
20
19
  position: absolute;
21
20
  left:0;top:0;right:0;bottom: 0 }
22
-
23
21
  });
@@ -27,14 +27,14 @@
27
27
  box-sizing: border-box;
28
28
  }
29
29
  .aplus-ap-summary__item {
30
- height: 48px;
31
- padding: 8px 16px !important;
30
+ height: 38px;
31
+ padding: 8px 12px !important;
32
32
  background-color: var(--ap-summary-background, #f9ecc7) !important;
33
33
  color: #333;
34
34
  font-weight: bolder;
35
35
  }
36
36
  .aplus-ap-summary__item--small {
37
37
  height: 28px;
38
- padding: 4px 16px !important;
38
+ padding: 4px 12px !important;
39
39
  background-color: var(--ap-summary-background, #E6EDFF) !important;
40
40
  }