docs(button): icons-vue

src/packages/__VUE/button/doc.en-US.md

@@ -131,11 +131,13 @@ Set the button shape through the `shape` property, support circle and square but
 
 ### Custom Icon
 
-Refer to the custom icon in the `Icon` component description, where `icon-font-class-name` corresponds to the `font-class-name` of the Icon component, and `icon-class-prefix` corresponds to the `class-prefix` of the Icon component .
-
 ```html
 <template>
-  <nut-button shape="square" plain type="primary" icon-font-class-name="iconfont" icon-class-prefix="icon" icon="close"></nut-button>
+  <nut-button shape="square" plain type="primary">
+    <template #icon>
+      <Close />
+    </template>
+  </nut-button>
 </template>
 ```
 

src/packages/__VUE/button/doc.md

@@ -131,11 +131,13 @@ app.use(Button);
 
 ### 自定义图标
 
-参照 `Icon` 组件说明中的自定义图标，其中 `icon-font-class-name` 对应 Icon 组件的 `font-class-name`，`icon-class-prefix` 对应 Icon 组件的 `class-prefix`。
-
 ```html
 <template>
-  <nut-button shape="square" plain type="primary" icon-font-class-name="iconfont" icon-class-prefix="icon" icon="close"></nut-button>
+  <nut-button shape="square" plain type="primary">
+    <template #icon>
+      <Close />
+    </template>
+  </nut-button>
 </template>
 ```