feat: 拖拽布局-接口对接

demoHtml/flex/css/list.css

@@ -82,3 +82,10 @@
     font-size: 12px;
     color: #999;
 }
+
+.add-btn {
+    position: fixed;
+    right: 20px;
+    top: 20px;
+    width: 100px !important;
+}

demoHtml/flex/js/i18n.js

@@ -50,7 +50,7 @@ var userLangConfig = {
             delete: '删除',
             edit: '编辑',
             apply: '应用',
-            add: '添加',
+            add: '新建模版',
         },
     },
     en: {
@@ -108,7 +108,7 @@ var userLangConfig = {
             delete: 'delete',
             edit: 'edit',
             apply: 'apply',
-            add: 'add',
+            add: 'add template',
         },
     },
 };

demoHtml/flex/js/list.js

@@ -81,6 +81,10 @@
                 layer.msg(`${userLangConfig[locale].base.success}`);
             });
         });
+
+        $('#add').on('click', function () {
+            window.location.href = 'index.html';
+        });
     };
 
     var i18n = function () {

demoHtml/flex/list.html

@@ -32,6 +32,15 @@
                 <!-- <div id="header">
                     <h1>模板列表</h1>
                 </div> -->
+                <div class="action-btn">
+                    <div
+                        class="save-container add-btn"
+                        id="add"
+                    >
+                        <i class="fas fa-trash"></i>
+                        <span>{{= i18n.$t('list.add') }}</span>
+                    </div>
+                </div>
                 <div id="main">
                     <div id="list-panel"></div>
                 </div>