From f2322504917ecefb0e4d271db6be5733bf9c5a9b Mon Sep 17 00:00:00 2001
From: Chenx221 <chenx221@yandex.com>
Date: Fri, 19 Apr 2024 18:22:51 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=BE=8E=E5=8C=96(1/3)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/site/index.php | 190 ++++++++++++++++++++++++++++++++++---------
 1 file changed, 151 insertions(+), 39 deletions(-)

diff --git a/views/site/index.php b/views/site/index.php
index 65a0598..f08e5c1 100644
--- a/views/site/index.php
+++ b/views/site/index.php
@@ -2,52 +2,164 @@
 
 /** @var yii\web\View $this */
 
-$this->title = 'My Yii Application';
+use app\assets\TSParticlesAsset;
+use yii\helpers\Url;
+
+$this->title = '首页';
+TSParticlesAsset::register($this);
 ?>
-<div class="site-index">
+    <div id="tsparticles" style="position: absolute;width: 100%;height: 100%;z-index: -1"></div>
+    <div class="site-index">
+        <div class="jumbotron text-center bg-transparent mt-5 mb-5">
+            <?php if (Yii::$app->user->isGuest): ?>
+                <h1 class="display-4">这里是<?= Yii::$app->name ?>的首页</h1>
+                <p>你需要登录或注册账户才能访问更多内容</p>
+                <p><a class="btn btn-lg btn-primary" href="<?= Url::to(['/user/register']) ?>">注册账户</a></p>
+                <p><a class="btn btn-lg btn-success" href="<?= Url::to(['/user/login']) ?>">登录账户</a></p>
+            <?php elseif (Yii::$app->user->can('user')): ?>
+                <p>系统公告</p>
+                <div class="body-content">
 
-    <div class="jumbotron text-center bg-transparent mt-5 mb-5">
-        <h1 class="display-4">这里是网盘的首页</h1>
+                    <div class="row">
+                        <div class="col-lg-4 mb-3">
+                            <h2>Heading</h2>
 
-        <p class="lead">内容还在建设中</p>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                incididunt ut
+                                labore
+                                et
+                                dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                nisi
+                                ut
+                                aliquip
+                                ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                cillum
+                                dolore eu
+                                fugiat nulla pariatur.</p>
 
-        <p><a class="btn btn-lg btn-success" href="https://www.yiiframework.com">Get started with Yii</a></p>
-    </div>
+                            <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/doc/">Yii
+                                    Documentation
+                                    &raquo;</a></p>
+                        </div>
+                        <div class="col-lg-4 mb-3">
+                            <h2>Heading</h2>
 
-    <div class="body-content">
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                incididunt ut
+                                labore
+                                et
+                                dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                nisi
+                                ut
+                                aliquip
+                                ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                cillum
+                                dolore eu
+                                fugiat nulla pariatur.</p>
 
-        <div class="row">
-            <div class="col-lg-4 mb-3">
-                <h2>Heading</h2>
+                            <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/forum/">Yii Forum
+                                    &raquo;</a>
+                            </p>
+                        </div>
+                        <div class="col-lg-4">
+                            <h2>Heading</h2>
 
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
-                    dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-                    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-                    fugiat nulla pariatur.</p>
+                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                                incididunt ut
+                                labore
+                                et
+                                dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+                                nisi
+                                ut
+                                aliquip
+                                ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+                                cillum
+                                dolore eu
+                                fugiat nulla pariatur.</p>
 
-                <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/doc/">Yii Documentation &raquo;</a></p>
-            </div>
-            <div class="col-lg-4 mb-3">
-                <h2>Heading</h2>
-
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
-                    dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-                    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-                    fugiat nulla pariatur.</p>
-
-                <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/forum/">Yii Forum &raquo;</a></p>
-            </div>
-            <div class="col-lg-4">
-                <h2>Heading</h2>
-
-                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
-                    dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
-                    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
-                    fugiat nulla pariatur.</p>
-
-                <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/extensions/">Yii Extensions &raquo;</a></p>
-            </div>
+                            <p><a class="btn btn-outline-secondary" href="https://www.yiiframework.com/extensions/">Yii
+                                    Extensions
+                                    &raquo;</a></p>
+                        </div>
+                    </div>
+                </div>
+            <?php else: ?>
+                <p>你已经登录，欢迎回来</p>
+            <?php endif; ?>
         </div>
-
     </div>
-</div>
+<?php
+$js = <<<JS
+async function loadParticles(options) {
+  await tsParticles.load({ id: "tsparticles", options });
+}
+
+const configs = {
+    fpsLimit: 144,
+    particles: {
+      number: {
+        value: 100,
+        density: {
+          enable: true,
+          area: 800
+        }
+      },
+      color: {
+        value: ["#2EB67D", "#ECB22E", "#E01E5B", "#36C5F0"]
+      },
+      shape: {
+        type: "circle"
+      },
+      opacity: {
+        value: 0.4
+      },
+      size: {
+        value: { min: 4, max: 8 }
+      },
+      links: {
+        enable: true,
+        distance: 150,
+        color: "#808080",
+        opacity: 0.4,
+        width: 1
+      },
+      move: {
+        enable: true,
+        speed: 3,
+        outModes: {
+          default: "out"
+        }
+      }
+    },
+    interactivity: {
+      events: {
+        onHover: {
+          enable: true,
+          mode: "grab"
+        },
+        onClick: {
+          enable: true,
+          mode: "push"
+        }
+      },
+      modes: {
+        grab: {
+          distance: 280,
+          links: {
+            opacity: 1,
+            color: "#808080"
+          }
+        },
+        push: {
+          quantity: 4
+        }
+      }
+    }
+  };
+
+loadParticles(configs);
+
+JS;
+
+$this->registerJs($js);
+?>
\ No newline at end of file