Button

demo/pages/Button/index.axml

@@ -1,115 +1,115 @@
 <container
   title="按钮类型"
-  class="list">
-  <button
+  className="list">
+  <ant-button
     type="primary"
     onTap="handleTap">
     主要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="default"
     onTap="handleTap">
     次要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="text"
     onTap="handleTap">
     文本按钮
-  </button>
+  </ant-button>
 </container>
 
 <container
   title="带辅助文案按钮"
-  class="list">
-  <button
+  className="list">
+  <ant-button
     type="primary"
     subText="副标题"
     onTap="handleTap">
     主要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="default"
     subText="副标题"
     onTap="handleTap">
     次要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="text"
     subText="副标题"
     onTap="handleTap">
     文本按钮
-  </button>
+  </ant-button>
 </container>
 
 <container
   title="禁用"
-  class="list">
-  <button
+  className="list">
+  <ant-button
     type="primary"
     disabled>
     主要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="default"
     disabled>
     次要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="text"
     disabled>
     文本按钮
-  </button>
+  </ant-button>
 </container>
 
 <container
   title="加载状态"
-  class="list">
-  <button
+  className="list">
+  <ant-button
     type="primary"
     loading>
     主要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="default"
     loading>
     次要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="text"
     loading>
     文本
-  </button>
+  </ant-button>
 </container>
 
 <container
   title="危险"
-  class="list">
-  <button
+  className="list">
+  <ant-button
     type="primary"
     danger
     onTap="handleTap">
     主要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="default"
     danger
     onTap="handleTap">
     次要按钮
-  </button>
+  </ant-button>
 
-  <button
+  <ant-button
     type="text"
     danger
     onTap="handleTap">
     文本按钮
-  </button>
+  </ant-button>
 </container>

demo/pages/Button/index.json

@@ -1,7 +1,7 @@
 {
   "defaultTitle": "Button",
   "usingComponents": {
-    "button": "../../../src/Button/index",
+    "ant-button": "../../../src/Button/index",
     "container": "../../../src/Container/index"
   }
 }

demo/pages/Button/index.js → demo/pages/Button/index.ts

@@ -3,5 +3,6 @@ Page({
     my.alert({
       title: '点击按钮',
     });
+
   },
 });

demo/pages/ButtonIcon/index.axml

@@ -1,153 +1,136 @@
 <container title="icon">
-  <button
+  <ant-button
     type="primary"
     icon="SmileOutline">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="default"
     icon="SmileOutline">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="text"
     icon="SmileOutline">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     danger
     icon="ForbidFill">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="default"
     danger
     icon="ForbidFill">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="text"
     danger
     icon="ForbidFill">
     Icon
-  </button>
+  </ant-button>
 </container>
-
 <container title="inline button">
-  <button
+  <ant-button
     type="primary"
     icon="SmileOutline"
     inline
     size="large">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="SmileOutline"
     inline
     size="medium">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="SmileOutline"
     inline
     size="small">
     Icon
-  </button>
+  </ant-button>
 </container>
-
 <container title="inline danger icon">
-  <button
+  <ant-button
     type="primary"
     icon="ForbidFill"
     inline
     danger
     size="large">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="ForbidFill"
     inline
     danger
     size="medium">
     Icon
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="ForbidFill"
     inline
     danger
     size="small">
     Icon
-  </button>
+  </ant-button>
 </container>
-
 <container title="loading icon">
-  <button
+  <ant-button
     type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     inline
     loading>
     loading
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="ForbidFill"
     onTap="handleTap"
     inline
     danger
     loading>
     loading
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     loading>
     loading
-  </button>
+  </ant-button>
 </container>
-
 <container title="disabled icon">
-  <button
+  <ant-button
     type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     inline
     disabled>
     disabled
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="ForbidFill"
     onTap="handleTap"
     inline
     danger
     disabled>
     disabled
-  </button>
-
-  <button
+  </ant-button>
+  <ant-button
     type="primary"
     icon="SmileOutline"
     onTap="handleTap"
     disabled>
     disabled
-  </button>
+  </ant-button>
 </container>

demo/pages/ButtonIcon/index.json

@@ -1,7 +1,7 @@
 {
   "defaultTitle": "Button",
   "usingComponents": {
-    "button": "../../../src/Button/index",
+    "ant-button": "../../../src/Button/index",
     "container": "../../../src/Container/index"
   }
 }