fix(field): update icon & content style

akbq2008 · Oct 15, 2018 · 162bcc9 · 162bcc9
1 parent 5920e57
commit 162bcc9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/_style/mixin/theme.components.styl b/components/_style/mixin/theme.components.styl
@@ -164,6 +164,7 @@ field-item-title-width = 160px
 field-item-title-gap = 10px
 field-item-color = color-text-base
 field-item-font-size = font-caption-normal
+field-item-font-weight = font-weight-medium
 field-item-placeholder-color = color-text-placeholder
 field-item-addon-color = color-text-caption
 field-item-addon-font-size = font-body-large

diff --git a/components/field/item.vue b/components/field/item.vue
@@ -21,7 +21,7 @@
       </div>
       <div class="md-field-item-right" v-if="arrow || addon || $slots.right">
         <slot name="right">{{ addon }}</slot>
-        <md-icon v-if="arrow" :name="arrow === true ? 'arrow-right' : arrow" size="lg" />
+        <md-icon v-if="arrow" :name="arrow === true ? 'arrow-right' : arrow" size="md" />
       </div>
     </div>
     <div class="md-field-item-children" v-if="$slots.children">
@@ -132,10 +132,12 @@ export default {
   flex 1 1 0%
   color field-item-color
   font-size field-item-font-size
+  font-weight field-item-font-weight
   line-height 1.2
 
 .md-field-item-placeholder
   color field-item-placeholder-color
+  font-weight font-weight-normal
 
 .md-field-item-right
   flex-shrink 0
@@ -146,7 +148,8 @@ export default {
   color field-item-addon-color
   font-size field-item-addon-font-size
   .md-icon-arrow-right
-    margin-right -12px
+    margin-right -6px
+    color color-text-disabled
 
 .md-field-item-children
   font-size field-item-children-font-size