perf(layer): 新增 btnAlign 按钮布局

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`                |
 
 :::

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>

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'
   }
 )