官方q群

Author: eee555

front_end/src/App.vue

@@ -44,7 +44,7 @@
     <div class="common-layout">
         <el-container>
             <div class="header_all" style="padding-top: 0; overflow: auto">
-                <div class="content" style="padding-top: 16px">
+                <div class="content" style="padding-top: 16px;min-height: 80vh;">
                     <router-view />
                 </div>
             </div>

front_end/src/assets/group_1.jpg

@@ -0,0 +1,51 @@
+<template>
+    <span class="text-button" @click="centerDialogVisible = true;">{{ $t('menu.groups') }}</span>
+    <el-dialog v-model="centerDialogVisible" title="扫码加入QQ群" width="50%" align-center draggable :lock-scroll="false">
+        <div style="text-align: center;">
+            <el-image style="border-radius: 20px;" :src="imageGroup1" :fit="'cover'" />
+        </div>
+
+
+
+        <template #footer>
+            <span class="dialog-footer">
+                <el-button type="primary" @click="centerDialogVisible = false">
+                    确定
+                </el-button>
+            </span>
+        </template>
+    </el-dialog>
+</template>
+
+<script lang="ts" setup>
+// 注册、登录的弹框及右上方按钮
+import { onMounted, ref, Ref } from 'vue'
+import imageGroup1 from '@/assets/group_1.jpg'
+
+
+import { useI18n } from 'vue-i18n';
+const t = useI18n();
+
+const centerDialogVisible = ref(false);
+
+
+
+onMounted(() => {
+
+
+})
+
+
+
+
+
+
+
+</script>
+
+
+<style scoped>
+a {
+    color: blue;
+}
+</style>

front_end/src/components/dialogs/Groups.vue

@@ -1,24 +1,24 @@
 <template>
     <span class="text-button" @click="centerDialogVisible = true;">{{ $t('menu.team') }}</span>
     <el-dialog v-model="centerDialogVisible" title="团队" width="50%" align-center draggable :lock-scroll="false">
-        <h2>站长</h2>
-        <span>eee555</span>
-        <h2>开发</h2>
-        <span>eee555, putianyi889</span>
-        <h2>赞助</h2>
-        <span>putianyi889</span>
-        <h2>策划</h2>
-        <span>eee555, putianyi889, Pulsar</span>
-        <h2>美工</h2>
-        <span>eee555</span>
-        <h2>测试</h2>
-        <span>eee555, putianyi889, Pulsar, lc4337、冰糖雪梨、生命★是┗ 〓┛是☆什么、Arya</span>
-        <h2>管理员</h2>
-        <span>无</span>
-        <h2>技术顾问</h2>
-        <span>hgraceb</span>
-        <h2>安全顾问</h2>
-        <span>T0nyX1ang</span>
+        <strong>站长</strong>
+        <div>eee555</div>
+        <strong>开发</strong>
+        <div>eee555、putianyi889</div>
+        <strong>赞助</strong>
+        <div>putianyi889</div>
+        <strong>策划</strong>
+        <div>eee555、putianyi889、Pulsar</div>
+        <strong>美工</strong>
+        <div>eee555</div>
+        <strong>测试</strong>
+        <div>eee555、putianyi889、Pulsar、lc4337、冰糖雪梨、生命★是┗ 〓┛是☆什么、Arya</div>
+        <strong>管理员</strong>
+        <div>少年、GodnuX、auk ;-;</div>
+        <strong>技术顾问</strong>
+        <div>hgraceb</div>
+        <strong>安全顾问</strong>
+        <div>T0nyX1ang</div>
 
 
         <template #footer>

front_end/src/components/dialogs/Thanks.vue

@@ -104,7 +104,8 @@ export const zhCn = {
         setting: '设置',
         downloads: '软件下载',
         links: '友链',
-        team: '团队'
+        team: '团队',
+        groups: '官方QQ群'
     },
     profile: {
         changeAvatar: '*点击图片修改头像',

front_end/src/i18n/locales/zh-cn.ts

@@ -25,11 +25,37 @@
                 </el-tabs>
             </el-main>
             <el-aside width="30%" style="background-color: white;padding: 1%;">
-                <el-tabs type="border-card">
+                <el-tabs type="border-card" style="min-height: 300px;">
                     <el-tab-pane label="每日一星">每日一星</el-tab-pane>
                     <el-tab-pane label="站长统计">站长统计</el-tab-pane>
                     <el-tab-pane label="如何评选？">如何评选？</el-tab-pane>
                 </el-tabs>
+                <div style="padding-top: 5%;user-select: none;">
+                    <div class="aside-tip-title">
+                        <el-icon><Download/></el-icon>下载中心
+                    </div>
+                    <div style="font-size: 14px;color: #888;padding: 2% 5%;">
+                        <Downloads></Downloads>
+                        <span style="width:12px; display:inline-block"></span>
+                        <FriendlyLink></FriendlyLink>
+                    </div>
+
+                    <div class="aside-tip-title">
+                        <el-icon><QuestionFilled/></el-icon>帮助中心
+                    </div>
+                    <div style="font-size: 14px;color: #888;padding: 2% 5%;">
+                        <Groups></Groups>
+                    </div>
+
+                    <div class="aside-tip-title">
+                        <el-icon ><InfoFilled/></el-icon>关于我们
+                    </div>
+                    <div style="font-size: 14px;color: #888;padding: 2% 5%;">
+                        <Thanks></Thanks>
+                        <span style="width:12px; display:inline-block"></span>
+                        赞助
+                    </div>
+                </div>
             </el-aside>
         </el-container>
     </div>
@@ -45,6 +71,12 @@ import { to_fixed_n } from "@/utils";
 const { proxy } = useCurrentInstance();
 import { utc_to_local_format } from "@/utils/system/tools";
 
+import FriendlyLink from "@/components/dialogs/FriendlyLinks.vue";
+import Downloads from "@/components/dialogs/Downloads.vue";
+import Thanks from "@/components/dialogs/Thanks.vue";
+import Groups from "@/components/dialogs/Groups.vue";
+
+
 import { useUserStore } from '../store'
 const store = useUserStore()
 
@@ -98,11 +130,27 @@ const update_review_queue = async () => {
 
 </script>
 
-<style scope lang='less'>
+<style lang='less'>
 .bottom_tabs{
     height: 500px;
     overflow: auto;
 
 }
 
+.aside-tip-title{
+    font-size: 14px;
+    color: #555;
+    display:flex;
+    align-items: center;
+    margin-top: 5%;
+}
+
+.text-button:hover{
+    cursor: pointer;
+}
+
+
+
+
+
 </style>

front_end/src/views/HomeView.vue

@@ -10,7 +10,7 @@
             }}</el-button>
     </el-row>
 
-    <div style="width: 80%;font-size:20px;margin: auto;margin-top: 10px;user-select: none;min-height: 58vh;">
+    <div style="width: 80%;font-size:20px;margin: auto;margin-top: 10px;user-select: none;">
         <div style="border-bottom: 1px solid #555555;padding-bottom: 10px;">
             <span class="rank">排名</span>
             <span class="name">姓名</span>

front_end/src/views/RankingView.vue

@@ -24,7 +24,7 @@
             }}</el-button>
     </el-row>
 
-    <div style="font-size:20px;margin: auto;margin-top: 10px;min-height: 50vh;">
+    <div style="font-size:20px;margin: auto;margin-top: 10px;">
         <el-table :data="videoList" @sort-change="handleSortChange" @row-click="preview" border table-layout="auto">
             <el-table-column type="index" :index="offsetIndex" fixed></el-table-column>
             <el-table-column :label="$t('common.prop.realName')" v-slot="scope" width="auto">