Merge pull request eee555#60 from putianyi889/patch-45

重做团队页面

front_end/src/components/dialogs/Thanks.vue

@@ -1,45 +1,84 @@
 <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">
-        <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>
-            <span class="dialog-footer">
-                <el-button type="primary" @click="centerDialogVisible = false">
-                    确定
-                </el-button>
-            </span>
-        </template>
+    <el-dialog v-model="centerDialogVisible" :title="$t('team.title')" width="700px" align-center draggable
+        :lock-scroll="false">
+        <div style="padding-bottom: 5px"><strong>{{ $t('team.owner') }}</strong></div>
+        <div>
+            <GitHubUser username="eee555" />
+        </div>
+        <div style="padding-bottom: 5px; margin-top: 15px"><strong>{{ $t('team.moderator') }}</strong></div>
+        <div>少年</div>
+        <div>GodnuX</div>
+        <div>auk ;-;</div>
+        <el-divider />
+        <el-row>
+            <el-col :span="8">
+                <div style="padding-bottom: 5px"><strong>{{ $t('team.software') }}</strong></div>
+                <div>
+                    <GitHubUser username="eee555" />
+                </div>
+                <div>
+                    <GitHubUser username="putianyi889" />
+                </div>
+                <div>
+                    <GitHubUser username="hwatson381" />
+                </div>
+                <div>
+                    <GitHubUser username="hgraceb" />
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <div style="padding-bottom: 5px"><strong>{{ $t('team.localization') }}</strong></div>
+                <div>{{ $t('team.zhCn') }}　
+                    <GitHubUser username="putianyi889" />
+                </div>
+                <div>{{ $t('team.en') }}　
+                    <GitHubUser username="putianyi889" />
+                </div>
+                <div>{{ $t('team.de') }}　
+                    <GitHubUser username="auk3" />
+                </div>
+                <div>{{ $t('team.pl') }}　
+                    <GitHubUser username="kiraa96" />
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <div style="padding-bottom: 5px"><strong>{{ $t('team.designer') }}</strong></div>
+                <div>
+                    <GitHubUser username="eee555" />
+                </div>
+                <div>
+                    <GitHubUser username="putianyi889" />
+                </div>
+            </el-col>
+        </el-row>
+        <el-divider />
+        <div style="padding-bottom: 5px"><strong>{{ $t('team.acknowledgement') }}</strong></div>
+        <span v-for="item in acknowledgements" style="padding-right: 10px">
+            {{ item.text }}
+        </span>
     </el-dialog>
 </template>
-  
+
 <script lang="ts" setup>
 // 注册、登录的弹框及右上方按钮
-import { onMounted, ref, Ref } from 'vue'
+import { ref } from 'vue'
+import GitHubUser from '../widgets/GitHubUser.vue'
 
 import { useI18n } from 'vue-i18n';
 const t = useI18n();
 
 const centerDialogVisible = ref(false);
 
+const acknowledgements = [
+    { text: 'T0nyX1ang' },
+    { text: 'Pulsar' },
+    { text: 'lc4337' },
+    { text: '冰糖雪梨' },
+    { text: '生命★是┗ 〓┛是☆什么' },
+    { text: 'Arya' },
+]
+
 </script>
 
 

front_end/src/components/widgets/GitHubUser.vue

@@ -0,0 +1,12 @@
+<template>
+    <el-link :href="'https://github.com/' + props.username" :underline="false" target="_blank">
+    <el-image :src="'https://avatars.githubusercontent.com/' + props.username" style="height: 26px; margin: 2px"></el-image>
+    <el-text>{{ props.username }}</el-text>
+</el-link>
+</template>
+
+<script setup lang="ts" name="GitHubUser">
+
+const props = defineProps(['username'])
+
+</script>

front_end/src/i18n/locales/en.ts

@@ -176,4 +176,17 @@ export const en = {
         menuLayoutAbstract: 'Abstract',
         menuLayoutDefault: 'Default',
     },
+    team: {
+        title: 'Team',
+        owner: 'Owner',
+        moderator: 'Moderators',
+        software: 'Developers',
+        localization: 'Localization',
+        zhCn: 'Simplified Chinese',
+        en: 'English',
+        de: 'German',
+        pl: 'Polish',
+        designer: 'UI designers',
+        acknowledgement: 'Acknowledgement',
+    },
 }

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

@@ -177,4 +177,17 @@ export const zhCn = {
         menuLayoutAbstract: '抽象',
         menuLayoutDefault: '默认',
     },
+    team: {
+        title: '团队',
+        owner: '站长',
+        moderator: '管理员',
+        software: '开发',
+        localization: '本地化',
+        zhCn: '简体中文',
+        en: '英语',
+        de: '德语',
+        pl: '波兰语',
+        designer: '外观设计',
+        acknowledgement: '致谢',
+    },
 }