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
@@ -95,9 +95,21 @@ Vue.use(CellGroup);
 <van-cell title="单元格" icon="shop-o">
  <!-- Use the right-icon slot to customize the right icon -->
  <template #right-icon>
-    <van-icon name="search" style="font-size: 16px; line-height: inherit;" />
+    <van-icon name="search" class="search-icon" />
  </template>
 </van-cell>
+
+<style>
+  .custom-title {
+    margin-right: 4px;
+    vertical-align: middle;
+  }
+
+  .search-icon {
+    font-size: 16px;
+    line-height: inherit;
+  }
+</style>
 ```

 ### Vertical Center