feat(button): 新增 border 属性, 设置 边框 颜色

README.md

@@ -27,7 +27,7 @@
 Vue 3.0 的 桌 面 端 组 件 库 , Layui 的 另 一 种 呈 现 方 式
 
 
-## 快速上手
+## 快速上手 Beta
 
 获得 layui-vue 你只需要使用 npm 引入下述文件：
 

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>

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>