feat(admin): 快捷操作支持翻页滚动显示 and optimize UI for better user experience

- Add swiper plugin support for carousel functionality
- Optimize UI for better user experience by using swiper
- Update index.js to support swiper initialization
- Modify welcome.html to include swiper HTML structure
- Adjust welcome.css for better styling of swiper elements

public/static/admin/css/welcome.css

@@ -32,7 +32,7 @@
 
 .layuimini-qiuck-module a i {
     display: inline-block;
-    width: 100%;
+    width: 80%;
     height: 60px;
     line-height: 60px;
     text-align: center;

public/static/admin/js/index.js

@@ -1,4 +1,4 @@
-define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTab"], function ($, ea, echarts, undefined, miniAdmin, miniTab) {
+define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTab", "swiper"], function ($, ea, echarts, undefined, miniAdmin, miniTab) {
 
     return {
         index: function () {
@@ -50,6 +50,14 @@ define(["jquery", "easy-admin", "echarts", "echarts-theme", "miniAdmin", "miniTa
         },
         welcome: function () {
             miniTab.listen();
+
+            new Swiper('.mySwiper', {
+                pagination: {
+                    el: '.swiper-pagination',
+                    clickable: true,
+                },
+            })
+
             /**
              * 查看公告信息
              **/

public/static/config-admin.js

@@ -21,6 +21,7 @@ require.config({
         "iconPickerFa": ["plugs/lay-module/iconPicker/iconPickerFa"],
         "autocomplete": ["plugs/lay-module/autocomplete/autocomplete"],
         "vue": ["plugs/vue-2.6.10/vue.min"],
+        "swiper": ["plugs/swiper/swiper-bundle.min"],
     }
 });