From b06fb1993cff288480f238cd054cf0ee3cae9505 Mon Sep 17 00:00:00 2001
From: liyang <1711467488@qq.com>
Date: Sun, 17 Jun 2018 21:52:38 +0800
Subject: [PATCH] no message

Former-commit-id: 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 659d6d98fc932ccba8cc52c0df21a8d5b0c6327c [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524] [formerly 2d84b342a1f747ee1b89dc5042f8fe601690d524 [formerly 13a983d08e04bc458e4084e000965c5f6f61f749 [formerly 59cf4ec9f4d5aad08fdf0dcad1e740fdc778655c]]]]]
Former-commit-id: 24b3be3657964f68c4639c76618232caf8186f69
Former-commit-id: ef7b5a4e02c590f5071e4072b125734fef912a6b
Former-commit-id: 821b320432d3dc7740eaae0f8f65a7a23567295b [formerly 87f8b5f8c001f7a842f15562d75b0b3ef6a4f1af]
Former-commit-id: 84db370247c9ce4166a745a8b29bfb615e1d28e5
Former-commit-id: 751f87983b70f29ed51814f0be7768bccf9c8132
Former-commit-id: c19f2c1f27b40b78329733de7c5aafdf8442c3ea
Former-commit-id: de2f936928e1dbf1504963363d85603e64caa215
Former-commit-id: 5a4b4cca6d2f656e8d0b525b689cf26fc3cc0a9a
---
 src/pages/demo/element/basic-button/index.vue | 75 +++++++++++++++++--
 1 file changed, 70 insertions(+), 5 deletions(-)

diff --git a/src/pages/demo/element/basic-button/index.vue b/src/pages/demo/element/basic-button/index.vue
index c635a132..8312c574 100644
--- a/src/pages/demo/element/basic-button/index.vue
+++ b/src/pages/demo/element/basic-button/index.vue
@@ -1,6 +1,7 @@
 <template>
   <d2-container>
 
+    <h1 class="d2-mt-0">基础用法</h1>
     <el-row class="d2-mb">
       <el-button>默认按钮</el-button>
       <el-button type="primary">主要按钮</el-button>
@@ -9,7 +10,6 @@
       <el-button type="warning">警告按钮</el-button>
       <el-button type="danger">危险按钮</el-button>
     </el-row>
-
     <el-row class="d2-mb">
       <el-button plain>朴素按钮</el-button>
       <el-button type="primary" plain>主要按钮</el-button>
@@ -18,7 +18,6 @@
       <el-button type="warning" plain>警告按钮</el-button>
       <el-button type="danger" plain>危险按钮</el-button>
     </el-row>
-
     <el-row class="d2-mb">
       <el-button round>圆角按钮</el-button>
       <el-button type="primary" round>主要按钮</el-button>
@@ -27,8 +26,7 @@
       <el-button type="warning" round>警告按钮</el-button>
       <el-button type="danger" round>危险按钮</el-button>
     </el-row>
-
-    <el-row class="d2-mb">
+    <el-row>
       <el-button icon="el-icon-search" circle></el-button>
       <el-button type="primary" icon="el-icon-edit" circle></el-button>
       <el-button type="success" icon="el-icon-check" circle></el-button>
@@ -36,6 +34,73 @@
       <el-button type="warning" icon="el-icon-star-off" circle></el-button>
       <el-button type="danger" icon="el-icon-delete" circle></el-button>
     </el-row>
-    
+
+    <h1>禁用状态</h1>
+    <el-row class="d2-mb">
+      <el-button disabled>默认按钮</el-button>
+      <el-button type="primary" disabled>主要按钮</el-button>
+      <el-button type="success" disabled>成功按钮</el-button>
+      <el-button type="info" disabled>信息按钮</el-button>
+      <el-button type="warning" disabled>警告按钮</el-button>
+      <el-button type="danger" disabled>危险按钮</el-button>
+    </el-row>
+    <el-row>
+      <el-button plain disabled>朴素按钮</el-button>
+      <el-button type="primary" plain disabled>主要按钮</el-button>
+      <el-button type="success" plain disabled>成功按钮</el-button>
+      <el-button type="info" plain disabled>信息按钮</el-button>
+      <el-button type="warning" plain disabled>警告按钮</el-button>
+      <el-button type="danger" plain disabled>危险按钮</el-button>
+    </el-row>
+
+    <h1>文字按钮</h1>
+    <el-row>
+      <el-button type="text">文字按钮</el-button>
+      <el-button type="text" disabled>文字按钮</el-button>
+    </el-row>
+
+    <h1>图标按钮</h1>
+    <el-row>
+      <el-button type="primary" icon="el-icon-edit"></el-button>
+      <el-button type="primary" icon="el-icon-share"></el-button>
+      <el-button type="primary" icon="el-icon-delete"></el-button>
+      <el-button type="primary" icon="el-icon-search">搜索</el-button>
+      <el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
+    </el-row>
+
+    <h1>按钮组</h1>
+    <el-row>
+      <el-button-group>
+        <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
+        <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
+      </el-button-group>
+      <el-button-group>
+        <el-button type="primary" icon="el-icon-edit"></el-button>
+        <el-button type="primary" icon="el-icon-share"></el-button>
+        <el-button type="primary" icon="el-icon-delete"></el-button>
+      </el-button-group>
+    </el-row>
+
+    <h1>加载中</h1>
+    <el-row>
+      <el-button type="primary" :loading="true">加载中</el-button>
+    </el-row>
+
+    <h1>不同尺寸</h1>
+    <el-row>
+      <el-row class="d2-mb">
+        <el-button>默认按钮</el-button>
+        <el-button size="medium">中等按钮</el-button>
+        <el-button size="small">小型按钮</el-button>
+        <el-button size="mini">超小按钮</el-button>
+      </el-row>
+      <el-row>
+        <el-button round>默认按钮</el-button>
+        <el-button size="medium" round>中等按钮</el-button>
+        <el-button size="small" round>小型按钮</el-button>
+        <el-button size="mini" round>超小按钮</el-button>
+      </el-row>
+    </el-row>
+
   </d2-container>
 </template>