From a006f35ff203a03de25bfe57ba1dc59c36114e7f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com>
Date: Mon, 11 Oct 2021 04:55:37 +0800
Subject: [PATCH] =?UTF-8?q?feat(button):=20=E6=96=B0=E5=A2=9E=20border=20?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7,=20=E8=AE=BE=E7=BD=AE=20=E8=BE=B9=E6=A1=86?=
 =?UTF-8?q?=20=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                            |  2 +-
 docs/docs/zh-CN/components/button.md | 26 ++++++++++++++++++++++++++
 src/module/button/index.vue          |  2 ++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d95beb7c..81dc0af6 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,7 @@
 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
 
 
-## 快速上手
+## 快速上手 Beta
 
 获得 layui-vue 你只需要使用 npm 引入下述文件：
 
diff --git a/docs/docs/zh-CN/components/button.md b/docs/docs/zh-CN/components/button.md
index da906420..3d6d44a3 100644
--- a/docs/docs/zh-CN/components/button.md
+++ b/docs/docs/zh-CN/components/button.md
@@ -23,6 +23,32 @@ export default {
 
 :::
 
+::: demo 传入 columns 数据，自动生成表格
+
+<template>
+  <lay-button type="primary">原始按钮</lay-button>
+  <lay-button type="primary" border="green">默认按钮</lay-button>
+  <lay-button type="primary" border="blue">百搭按钮</lay-button>
+  <lay-button type="primary" border="orange">暖色按钮</lay-button>
+  <lay-button type="primary" border="red">警告按钮</lay-button>
+  <lay-button type="primary" border="black">禁用按钮</lay-button>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+
 ::: demo 传入 columns 数据，自动生成表格
 
 <template>
diff --git a/src/module/button/index.vue b/src/module/button/index.vue
index cdf61b4a..3e95ff36 100644
--- a/src/module/button/index.vue
+++ b/src/module/button/index.vue
@@ -6,6 +6,7 @@
       size ? 'layui-btn-' + size : '',
       fluid ? 'layui-btn-fluid' : '',
       radius ? 'layui-btn-radius' : '',
+      border ? 'layui-border-' + border : '',
     ]"
   >
     <slot></slot>
@@ -21,5 +22,6 @@ const props =
     size?: string
     fluid?: boolean
     radius?: boolean
+    border?: string 
   }>()
 </script>