From 92c75e52bacd8b6dfde001e1860eea52a3eedcf8 Mon Sep 17 00:00:00 2001
From: wolfcode <37436228+wolf-leo@users.noreply.github.com>
Date: Thu, 22 Aug 2024 10:42:30 +0800
Subject: [PATCH] feat(admin-view): update welcome page layout and information
 display

Admin welcome page has been redesigned to improve the layout and readability of displayed
information. Real-time statistics panels have been adjusted with new color schemes, and the
information presentation has been refined with appropriate heading sizes. Additionally, the
page now links to the layui documentation and includes a reminder about the open-source
nature of the framework.

- Redesign the overall layout of the welcome page.
- Refactor real-time statistics panels with updated styles and content.
- Improve the display of quick entry modules.
- Add links to layui documentation and policy reminders.
- Ensure consistent use of spaces and clean up the footer section.
---
 app/admin/view/index/welcome.html | 102 ++++++++++++++----------------
 1 file changed, 48 insertions(+), 54 deletions(-)

diff --git a/app/admin/view/index/welcome.html b/app/admin/view/index/welcome.html
index 2864c66..c1c4979 100644
--- a/app/admin/view/index/welcome.html
+++ b/app/admin/view/index/welcome.html
@@ -1,67 +1,59 @@
 <link rel="stylesheet" href="/static/admin/css/welcome.css?v={$version}" media="all">
-<div class="layuimini-container">
-    <div class="layuimini-main">
-        <div class="layui-row layui-col-space15">
-            <div class="layui-col-md8">
-                <div class="layui-row layui-col-space15">
-                    <div class="layui-col-md6">
+<div class="layui-layout layui-padding-2">
+    <div class="layui-layout-admin">
+        <div class="layui-row layui-col-space10">
+            <div class="layui-col-md8 ">
+                <div class="layui-row layui-col-space10">
+                    <div class="layui-col-md6 ">
                         <div class="layui-card">
                             <div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
                             <div class="layui-card-body">
                                 <div class="welcome-module">
                                     <div class="layui-row layui-col-space10">
                                         <div class="layui-col-xs6">
-                                            <div class="panel layui-bg-number">
-                                                <div class="panel-body">
-                                                    <div class="panel-title">
-                                                        <span class="label pull-right layui-bg-blue">实时</span>
+                                            <div class="layui-panel">
+                                                <div class="layui-card-body">
+                                                    <span class="layui-badge layui-bg-cyan pull-right ">实时</span>
+                                                    <div class="panel-content">
                                                         <h5>用户统计</h5>
-                                                    </div>
-                                                    <div class="panel-content">
-                                                        <h1 class="no-margins">1234</h1>
-                                                        <small>当前分类总记录数</small>
+                                                        <h1>1234</h1>
+                                                        <h6>当前分类总记录数</h6>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="layui-col-xs6">
-                                            <div class="panel layui-bg-number">
-                                                <div class="panel-body">
-                                                    <div class="panel-title">
-                                                        <span class="label pull-right layui-bg-cyan">实时</span>
+                                            <div class="layui-panel">
+                                                <div class="layui-card-body">
+                                                    <span class="layui-badge layui-bg-purple pull-right ">实时</span>
+                                                    <div class="panel-content">
                                                         <h5>商品统计</h5>
-                                                    </div>
-                                                    <div class="panel-content">
-                                                        <h1 class="no-margins">1234</h1>
-                                                        <small>当前分类总记录数</small>
+                                                        <h1>1234</h1>
+                                                        <h6>当前分类总记录数</h6>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="layui-col-xs6">
-                                            <div class="panel layui-bg-number">
-                                                <div class="panel-body">
-                                                    <div class="panel-title">
-                                                        <span class="label pull-right layui-bg-orange">实时</span>
+                                            <div class="layui-panel">
+                                                <div class="layui-card-body ">
+                                                    <span class="layui-badge layui-bg-orange pull-right ">实时</span>
+                                                    <div class="panel-content">
                                                         <h5>浏览统计</h5>
-                                                    </div>
-                                                    <div class="panel-content">
-                                                        <h1 class="no-margins">1234</h1>
-                                                        <small>当前分类总记录数</small>
+                                                        <h1>1234</h1>
+                                                        <h6>当前分类总记录数</h6>
                                                     </div>
                                                 </div>
                                             </div>
                                         </div>
                                         <div class="layui-col-xs6">
-                                            <div class="panel layui-bg-number">
-                                                <div class="panel-body">
-                                                    <div class="panel-title">
-                                                        <span class="label pull-right layui-bg-green">实时</span>
-                                                        <h5>订单统计</h5>
-                                                    </div>
+                                            <div class="layui-panel">
+                                                <div class="layui-card-body ">
+                                                    <span class="layui-badge layui-bg-red pull-right ">实时</span>
                                                     <div class="panel-content">
-                                                        <h1 class="no-margins">1234</h1>
-                                                        <small>当前分类总记录数</small>
+                                                        <h5>订单统计</h5>
+                                                        <h1>1234</h1>
+                                                        <h6>当前分类总记录数</h6>
                                                     </div>
                                                 </div>
                                             </div>
@@ -71,12 +63,12 @@
                             </div>
                         </div>
                     </div>
-                    <div class="layui-col-md6">
+                    <div class="layui-col-md6 ">
                         <div class="layui-card">
                             <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
                             <div class="layui-card-body">
                                 <div class="welcome-module">
-                                    <div class="layui-row layui-col-space10 layuimini-qiuck">
+                                    <div class="layui-row layui-col-space10">
 
                                         {foreach $quicks as $vo}
                                         <div class="layui-col-xs3 layuimini-qiuck-module">
@@ -93,7 +85,7 @@
                         </div>
 
                     </div>
-                    <div class="layui-col-md12">
+                    <div class="layui-col-md12 ">
                         <div class="layui-card">
                             <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>报表统计</div>
                             <div class="layui-card-body">
@@ -104,7 +96,7 @@
                 </div>
             </div>
 
-            <div class="layui-col-md4">
+            <div class="layui-col-md4 ">
 
                 <div class="layui-card">
                     <div class="layui-card-header"><i class="fa fa-fire icon"></i>版本信息</div>
@@ -167,8 +159,8 @@
                             <tr>
                                 <td>Github</td>
                                 <td>
-                                    <a href="https://github.com/wolf-leo/easyAdmin8" target="_blank" style="text-decoration: none;">
-                                        <i class="layui-icon layui-icon-github" style="font-size: 25px; color: #333333;"></i>
+                                    <a href="https://github.com/wolf-leo/easyAdmin8" target="_blank">
+                                        <i class="layui-icon layui-icon-github layui-font-20 layui-font-cyan layui-text"></i>
                                     </a>
                                 </td>
                             </tr>
@@ -179,16 +171,18 @@
 
                 <div class="layui-card">
                     <div class="layui-card-header"><i class="fa fa-paper-plane-o icon"></i>作者心语</div>
-                    <div class="layui-card-body layui-text layadmin-text">
-                        <p>本模板基于layui2.9.x以及font-awesome-4.7.0进行实现。layui开发文档地址：<a class="layui-btn layui-btn-xs layui-btn-danger" target="_blank" href="http://layui.dev/docs">layui文档</a></p>
-                        <p class="layui-red">备注：此后台框架永久开源，但请勿进行出售或者上传到任何素材网站，否则将追究相应的责任。</p>
-                    </div>
-                </div>
-
-                <div class="layui-card">
-                    <div class="layui-card-header"><i class="fa fa-qq icon"></i>QQ交流群</div>
-                    <div class="layui-card-body layui-text layadmin-text">
-                        <img src="/static/common/images/EasyAdmin8-ThinkPHP.png">
+                    <div class="layui-card-body layui-text">
+                        <p class="layui-font-cyan">
+                            本模板基于layui2.9.x以及font-awesome-4.7.0进行实现。
+                            <a class="layui-btn layui-btn-xs layui-btn-danger" style="vertical-align: baseline;" target="_blank" href="http://layui.dev/docs">layui文档</a>
+                        </p>
+                        <hr>
+                        <p class="layui-font-red">备注：此后台框架永久开源，但请勿进行出售或者上传到任何素材网站，否则将追究相应的责任。</p>
+                        <hr>
+                        <div class="layui-card-header"><i class="fa fa-qq icon"></i>QQ交流群</div>
+                        <div class="layui-card-body">
+                            <img src="/static/common/images/EasyAdmin8-ThinkPHP.png" width="145">
+                        </div>
                     </div>
                 </div>