fix(ui/uploader): 修改默认状态指示器的颜色

affects: @varlet/ui
varletjs · Apr 19, 2021 · c259acd · c259acd
1 parent 285704c
commit c259acd
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -23,6 +23,7 @@ Varlet是一个基于`Vue3`开发的Material风格移动端组件库，全面拥
 - 6.支持国际化
 - 7.支持webstorm，vscode组件属性高亮
 - 8.支持SSR
+- 9.支持Typescript
 
 ### 安装
 

diff --git a/packages/varlet-ui/src/image/example/index.vue b/packages/varlet-ui/src/image/example/index.vue
@@ -79,5 +79,9 @@ export default {
   text-align: center;
   margin-right: 11px;
   margin-bottom: 11px;
+
+  div {
+    margin-bottom: 5px;
+  }
 }
 </style>
diff --git a/packages/varlet-ui/src/uploader/docs/en-US.md b/packages/varlet-ui/src/uploader/docs/en-US.md
@@ -296,7 +296,7 @@ The second argument is a collection of utility functions that can quickly get a
 | `@uploader-preview-video-width` | `100vw` |
 | `@uploader-preview-video-height` | `100vw` |
 | `@uploader-file-indicator-height` | `4px` |
-| `@uploader-file-indicator-primary-color` | `@color-primary` |
+| `@uploader-file-indicator-normal-color` | `@color-disabled` |
 | `@uploader-file-indicator-success-color` | `@color-success` |
 | `@uploader-file-indicator-error-color` | `@color-danger` |
 | `@uploader-disabled-color` | `#ddd` |

diff --git a/packages/varlet-ui/src/uploader/docs/zh-CN.md b/packages/varlet-ui/src/uploader/docs/zh-CN.md
@@ -294,7 +294,7 @@ export default {
 | `@uploader-preview-video-width` | `100vw` |
 | `@uploader-preview-video-height` | `100vw` |
 | `@uploader-file-indicator-height` | `4px` |
-| `@uploader-file-indicator-primary-color` | `@color-primary` |
+| `@uploader-file-indicator-normal-color` | `@color-disabled` |
 | `@uploader-file-indicator-success-color` | `@color-success` |
 | `@uploader-file-indicator-error-color` | `@color-danger` |
 | `@uploader-disabled-color` | `#ddd` |

diff --git a/packages/varlet-ui/src/uploader/uploader.less b/packages/varlet-ui/src/uploader/uploader.less
@@ -24,7 +24,7 @@
 @uploader-preview-video-width: 100vw;
 @uploader-preview-video-height: 100vw;
 @uploader-file-indicator-height: 4px;
-@uploader-file-indicator-primary-color: @color-primary;
+@uploader-file-indicator-normal-color: @color-disabled;
 @uploader-file-indicator-success-color: @color-success;
 @uploader-file-indicator-error-color: @color-danger;
 @uploader-disabled-color: #ddd;
@@ -121,7 +121,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    background: @uploader-file-indicator-primary-color;
+    background: @uploader-file-indicator-normal-color;
   }
 
   &__action {