style(Cell): adjust icon margin to 4px (#6844)

2020-07-23 19:37:15 +08:00
parent aa4f5ffdb1
commit ab37ee6d67
5 changed files with 45 additions and 19 deletions
@@ -60,10 +60,7 @@

      <van-cell icon="shop-o" :title="t('cell')">
        <template #right-icon>
-          <van-icon
-            name="search"
-            style="font-size: 16px; line-height: inherit;"
-          />
+          <van-icon name="search" class="search-icon" />
        </template>
      </van-cell>
    </demo-block>
@@ -117,8 +114,13 @@ export default {
 <style lang="less">
 .demo-cell {
  .custom-title {
-    margin-right: 5px;
+    margin-right: 4px;
    vertical-align: middle;
  }
+
+  .search-icon {
+    font-size: 16px;
+    line-height: inherit;
+  }
 }
 </style>