|
78 | 78 | --tv-base-color-warn-11: #9e6d3f;
|
79 | 79 | --tv-base-color-warn-12: #d6a981;
|
80 | 80 | --tv-base-color-warn-13: #f2d8c2;
|
81 |
| - --tv-base-color-warn-secondary-1: #ffb700; |
82 |
| - /* 次要告警色 黄色系 */ |
| 81 | + --tv-base-color-warn-secondary-1: #ffb700; // 次要告警色 黄色系 |
83 | 82 |
|
84 | 83 | --tv-base-color-info-1: #f0f7ff;
|
85 | 84 | --tv-base-color-info-2: #deecff; // 提示-背景色 / 边框色
|
|
296 | 295 | --tv-color-icon-link: var(--tv-base-color-brand-6); // #1476ff 链接图标色
|
297 | 296 | --tv-color-icon-warn-secondary: var(--tv-base-color-warn-secondary-1); // #ffb700 次要警告图标色 / 评分组件rate-图标色/状态图标-异常
|
298 | 297 |
|
299 |
| - /** 2.5.1 图标大小 **/ |
300 |
| - --tv-icon-size: 16px; |
301 |
| - |
302 | 298 | /** 2.6 背景色 **/
|
303 | 299 |
|
304 | 300 | /* 2.6.1 常态 */
|
|
371 | 367 | /* 3.4 字重 */
|
372 | 368 | --tv-font-weight-thin: 200;
|
373 | 369 | --tv-font-weight-regular: 400;
|
374 |
| - --tv-font-weight-medium: 600; |
| 370 | + --tv-font-weight-bold: 600; |
375 | 371 |
|
376 | 372 | /** 4. 圆角变量 **/
|
377 | 373 | --tv-border-radius-sm: 4px;
|
378 | 374 | --tv-border-radius-md: 6px;
|
379 | 375 | --tv-border-radius-lg: 8px;
|
380 |
| - --tv-border-radius-round: 50%; |
| 376 | + --tv-border-radius-round: 999px; // 50% 会造成椭圆,避免使用。 999px是 tiny3的做法。 |
381 | 377 |
|
382 | 378 | /** 5. 边框 **/
|
383 | 379 | --tv-border-width: 1px;
|
|
390 | 386 | --tv-space-lg: calc(var(--tv-space-base) * 3);
|
391 | 387 | --tv-space-xl: calc(var(--tv-space-base) * 4);
|
392 | 388 |
|
393 |
| - /** 7. 尺寸变量 size ---- width、 height **/ |
| 389 | + /** 7. 尺寸变量 size **/ |
| 390 | + |
| 391 | + /** 尺寸系数 calc */ |
394 | 392 | --tv-size-base: 4px;
|
395 | 393 |
|
396 |
| - /** 以下变量仅用于表单类组件的 height */ |
| 394 | + /** 7.1 表单类组件的 height */ |
397 | 395 | --tv-size-height-xs: 24px; // mini 尺寸
|
398 | 396 | --tv-size-height-sm: 28px; // small 尺寸
|
399 | 397 | --tv-size-height-md: 32px; // medium 尺寸 - 默认
|
400 | 398 | --tv-size-height-lg: 40px; // large 尺寸
|
401 | 399 | --tv-size-height-xl: 48px; // xLarge 尺寸
|
402 | 400 |
|
403 |
| - /** 8. 阴影变量 **/ |
| 401 | + /** 7.2 图标大小 width, height **/ |
| 402 | + --tv-icon-size: 16px; |
| 403 | + |
| 404 | + /** 8. 阴影变量 box-shadow **/ |
404 | 405 | --tv-shadow-0: 0 4px 16px 0 rgba(0, 0, 0, 0.08); // 页面布局容器组件(layout-section)阴影
|
405 | 406 | --tv-shadow-1: 0 0 0 0 rgba(0, 0, 0, 0); // 页面布局容器组件(layout-section)阴影
|
406 | 407 |
|
|
0 commit comments