From c66657ba37384d93d5d08fe5968cc426495024ed 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: Sun, 7 Nov 2021 20:39:53 +0800
Subject: [PATCH] =?UTF-8?q?perf(layer):=20=E6=96=B0=E5=A2=9E=20btnAlign=20?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/docs/zh-CN/components/layer.md | 4 +++-
 docs/docs/zh-CN/guide/changelog.md  | 1 +
 src/module/layer/index.vue          | 4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/docs/docs/zh-CN/components/layer.md b/docs/docs/zh-CN/components/layer.md
index bbb47957..099836f4 100644
--- a/docs/docs/zh-CN/components/layer.md
+++ b/docs/docs/zh-CN/components/layer.md
@@ -254,5 +254,7 @@ export default {
 | zIndex          | 自定义层级    | --                         |
 | type            | 类型          | `1: component` `2: iframe` |
 | closeBtn        | 显示关闭      | true                       |
+| btn             | 按钮          |               |
+| btnAlign        | 按钮布局      | `l` `r` `c`                |
 
-:::
+:::
\ No newline at end of file
diff --git a/docs/docs/zh-CN/guide/changelog.md b/docs/docs/zh-CN/guide/changelog.md
index 90358391..931f8e54 100644
--- a/docs/docs/zh-CN/guide/changelog.md
+++ b/docs/docs/zh-CN/guide/changelog.md
@@ -14,6 +14,7 @@
 [新增] table 表格 列筛选功能。<br>
 [新增] table 表格 row 行单击, row-double 行双击事件。<br>
 [新增] layer 弹层 closeBtn 属性, 允许隐藏关闭操作。<br>
+[新增] layer 弹层 btnAlign 属性, 允许自定义按钮布局。<br>
 [修复] mackdown 文档 table 样式对 table 组件的污染。<br>
 [优化] layer 弹层 border 样式。<br>
 [优化] carousel 轮播逻辑, 允许循环切换。<br>
diff --git a/src/module/layer/index.vue b/src/module/layer/index.vue
index 05fea213..e6cf0d8a 100644
--- a/src/module/layer/index.vue
+++ b/src/module/layer/index.vue
@@ -65,7 +65,7 @@
         @click="closeHandle"
       ></a
     ></span>
-    <div v-if="btn && btn.length > 0" class="layui-layer-btn">
+    <div v-if="btn && btn.length > 0" class="layui-layer-btn" :class="['layui-layer-btn-' + btnAlign]">
       <template v-for="(b, index) in btn" :key="index">
         <a :class="['layui-layer-btn' + index]" @click="b.callback">{{
           b.text
@@ -113,6 +113,7 @@ const props = withDefaults(
     shade?: boolean
     shadeClose?: boolean
     closeBtn?: boolean
+    btnAlign?: string
   }>(),
   {
     id: 'layer',
@@ -129,6 +130,7 @@ const props = withDefaults(
     shade: false,
     shadeClose: true,
     closeBtn: true,
+    btnAlign: 'l'
   }
 )