From 336eb9d9e98b0bee952c27a50820dbdb350bcc03 Mon Sep 17 00:00:00 2001
From: Kyomotoi <kyomotoiowo@gmail.com>
Date: Sat, 31 Jul 2021 16:16:47 +0800
Subject: =?UTF-8?q?=F0=9F=94=A5=F0=9F=9A=9A=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除：laugh.txt，需要时再拉取
- 移动控制台文件至plugins/console目录下
- 新增：
    - 和管理贴贴w
    - 正式的可视化前端单页
---
 ATRI/plugins/console/atri-manege/src/App.vue | 120 +++++++++++++++++++++++++++
 1 file changed, 120 insertions(+)
 create mode 100644 ATRI/plugins/console/atri-manege/src/App.vue

(limited to 'ATRI/plugins/console/atri-manege/src/App.vue')

diff --git a/ATRI/plugins/console/atri-manege/src/App.vue b/ATRI/plugins/console/atri-manege/src/App.vue
new file mode 100644
index 0000000..5b0775d
--- /dev/null
+++ b/ATRI/plugins/console/atri-manege/src/App.vue
@@ -0,0 +1,120 @@
+<template>
+  <v-app>
+    <v-navigation-drawer app v-model="drawer" class="na-d-0">
+      <v-list
+        nav
+        dense
+      >
+        <v-list-item-group active-class="nattier-blue--text text--accent-4">
+          <router-link to="/" tag="v-list-item-title">
+            <v-list-item>
+              <v-list-item-icon>
+                <v-icon>mdi-home</v-icon>
+              </v-list-item-icon>
+              <v-list-item-title>主页 | Home</v-list-item-title>
+            </v-list-item>
+          </router-link>
+
+          <router-link to="/control" tag="v-list-item-title">
+            <v-list-item>
+              <v-list-item-icon>
+                <v-icon>mdi-wrench</v-icon>
+              </v-list-item-icon>
+              <v-list-item-title>控制面板 | Control</v-list-item-title>
+            </v-list-item>
+          </router-link>
+
+          <router-link to="/data" tag="v-list-item-title">
+            <v-list-item>
+              <v-list-item-icon>
+                <v-icon>mdi-database</v-icon>
+              </v-list-item-icon>
+              <v-list-item-title>数据 | Data</v-list-item-title>
+            </v-list-item>
+          </router-link>
+
+          <router-link to="/chat" tag="v-list-item-title">
+            <v-list-item>
+              <v-list-item-icon>
+                <v-icon>mdi-comment-processing</v-icon>
+              </v-list-item-icon>
+              <v-list-item-title>聊天 | Chat</v-list-item-title>
+            </v-list-item>
+          </router-link>
+
+          <router-link to="/a-test" tag="v-list-item-title">
+            <v-list-item>
+              <v-list-item-icon>
+                <v-icon>mdi-debug-step-over</v-icon>
+              </v-list-item-icon>
+              <v-list-item-title>测试 | Test</v-list-item-title>
+            </v-list-item>
+          </router-link>
+        </v-list-item-group>
+      </v-list>
+    </v-navigation-drawer>
+
+    <v-app-bar app color="white" flat>
+      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+
+      <router-link to="/" tag="v-toolbar-title">
+        <v-toolbar-title>ATRI Console</v-toolbar-title>
+      </router-link>
+      
+      <v-spacer></v-spacer>
+
+      <v-btn href="https://jq.qq.com/?_wv=1027&k=iKLJzM1u" target="_blank" text>
+        <span class="mr-2">Discuss</span>
+        <v-icon small>mdi-qqchat</v-icon>
+      </v-btn>
+
+      <v-btn href="https://github.com/Kyomotoi/ATRI" target="_blank" text>
+        <span class="mr-2">GitHub</span>
+        <v-icon small>mdi-link-variant</v-icon>
+      </v-btn>
+    </v-app-bar>
+
+    <v-main>
+      <v-container fluid>
+        <v-lazy>
+          <router-view></router-view>
+        </v-lazy>
+      </v-container>
+    </v-main>
+
+    <v-footer app>
+      <v-divider></v-divider>
+      <v-container fluid>
+        <v-row align="center" justify="center">
+            <v-col class="text-center" cols="auto">
+              <span> <v-icon>mdi-copyright</v-icon> Yours <strong>Kyomotoi</strong> </span>
+            </v-col>
+            <v-col class="text-center" cols="auto">
+              <span> <v-icon>mdi-github</v-icon> <strong>ATRI</strong> </span>
+            </v-col>
+        </v-row>
+      </v-container>
+    </v-footer>
+  </v-app>
+</template>
+
+<script>
+
+export default {
+  name: 'App',
+
+  data: () => ({
+    drawer: true,
+  }),
+};
+</script>
+
+<style>
+.text-center.a:visited {
+  color: aliceblue;
+}
+
+.na-d-0 {
+  background-image: url("https://i.loli.net/2021/07/19/WlFanrZHRQxb5Ay.png");
+}
+</style>
-- 
cgit v1.2.3

