fix(varlet-ui): error report in modification

varletjs · Mar 25, 2021 · f8b9020 · f8b9020
1 parent 8aa8176
commit f8b9020
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/varlet-cli/site/mobile/App.vue b/packages/varlet-cli/site/mobile/App.vue
@@ -67,10 +67,14 @@ export default defineComponent({
 <style lang="less">
 @import '~@varlet/ui/es/styles/var';
 
+html {
+  background: #f7f8fa;
+}
+
 body {
   margin: 0;
   padding: 0;
-  background: white;
+  background: #f7f8fa;
   min-height: 100%;
   font-family: 'Roboto', 'Noto Sans SC', sans-serif;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -91,7 +95,6 @@ header {
 
 .router-view__block {
   padding: 50px 12px 0;
-  background: #f7f8fa;
 }
 
 * {

diff --git a/packages/varlet-ui/src/chip/Chip.vue b/packages/varlet-ui/src/chip/Chip.vue
@@ -10,7 +10,7 @@
         plain ? `var-chip--plain-${type}` : `var-chip--${type}`,
         { 'var-chip--round': round, 'var-chip--plain': plain },
       ]"
-      :style="controlStyle()"
+      :style="plain ? { color: textColor || color, borderColor: color } : { color: textColor, background: color }"
     >
       <slot name="left"></slot>