Skip to content

Commit 1dd474d

Browse files
shatian114shatian114
committed
新增吉祥物页面
1 parent 443ab54 commit 1dd474d

File tree

5 files changed

+141
-0
lines changed

5 files changed

+141
-0
lines changed

‎public/assets/mascot/anan1.png

833 KB
Loading

‎public/assets/mascot/anan2.webp

84.2 KB
Binary file not shown.

‎src/pages/home/components/LeftBar.vue

+1
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ const linkArr = reactive([
3838
{ title: "赞助方一览", link: "/sponsors" },
3939
{ title: "社区众筹", link: "/crowdsourcing" },
4040
{ title: "人际关系准则", link: "/guidelines" },
41+
{ title: "社区吉祥物", link: "/mascot" },
4142
],
4243
show: true,
4344
},

‎src/pages/mascot/Index.vue

+132
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,132 @@
1+
<script setup>
2+
import { ref } from "vue";
3+
4+
const featureList1 = ref([
5+
{
6+
label: "生日",
7+
value: "12 月 1 日",
8+
},
9+
{
10+
label: "年龄",
11+
value: "???",
12+
},
13+
{
14+
label: "发色",
15+
value: "黑",
16+
},
17+
{
18+
label: "瞳色",
19+
value: "黑",
20+
},
21+
{
22+
label: "最喜欢的颜色",
23+
value: "红黄蓝白黑",
24+
},
25+
{
26+
label: "最喜欢的食物",
27+
value: "咸鱼煲仔饭、果冻、冰淇淋…… 是个吃货",
28+
},
29+
{
30+
label: "宠物",
31+
value: "同同、龙虾",
32+
},
33+
]);
34+
35+
const featureList2 = ref([
36+
"安安小时候非常固执，数年前在 Linux 爱好者社区里大闹了一场，令她后悔不已。而后，她决定潜心学习开源相关技能，但仍然保持了自己的一些执着",
37+
"尽管几年来社交非常有限，但安安还是在社区里交到了许多朋友。",
38+
"她不喜欢干预他人的选择，总和朋友们说“适合自己的就是最好的”。",
39+
"她认为社区的意义在于分享乐趣和技能，自己也为了让 Linux 更为实用不断努力着。 ",
40+
"与其写日记，安安更喜欢通过收集社区里的各种梗来整理自己的记忆。",
41+
"安安是个无可救药的工作狂，工作时必须听着音乐。她工作时格外认真，对自己的要求也非常严格，但从来不会否定其他人的工作成果。 ",
42+
]);
43+
44+
const featureList3 = ref([
45+
"安安喜欢收集好看的字体，认为优雅的文字也要有好字体的衬托。",
46+
"她也喜好言语上的推敲，对翻译的信达雅要求十分苛刻。",
47+
]);
48+
49+
const featureList4 = ref([
50+
"安安家柜子里都放满了各种古董电脑和古怪设备，她还给每台都起了各种无厘头的名字。 ",
51+
"因为家里总运转着超过十台设备，室内温度总会比室外高出一截。 ",
52+
"安安家里有台叫“龙虾”的宠物服务器。 ",
53+
]);
54+
</script>
55+
56+
<template>
57+
<div class="px-[250px] py-7">
58+
<el-row>
59+
<el-col :span="14">
60+
<p>“龙虾龙虾龙虾！”</p>
61+
<p class="my-[20px]">
62+
安安本来是只兔子，但有一天早上醒来发现自己变成了长着兔耳和兔尾巴的人类。别的她似乎都记不起来了。
63+
</p>
64+
<ul class="list-disc list-inside">
65+
<li v-for="item in featureList1">
66+
<strong>{{ item.label }}：</strong>
67+
{{ item.value }}
68+
</li>
69+
</ul>
70+
</el-col>
71+
<el-col :span="10">
72+
<img src="/assets/mascot/anan1.png" alt="anan" />
73+
</el-col>
74+
</el-row>
75+
76+
<div class="my-[50px]">
77+
<ul class="list-disc list-inside">
78+
<li>
79+
安安性格内向，但在同伴间会展现出截然不同的性格：热心肠，耐心，还是个造梗狂魔。
80+
</li>
81+
</ul>
82+
<ul class="ml-[20px] list-disc list-inside">
83+
<li v-for="item in featureList2">
84+
{{ item }}
85+
</li>
86+
</ul>
87+
</div>
88+
89+
<el-row>
90+
<el-col :span="10">
91+
<img src="/assets/mascot/anan2.webp" alt="anan" />
92+
</el-col>
93+
<el-col :span="14">
94+
<ul class="list-disc list-inside">
95+
<li>她通晓多种语言，是个本地化和文字排版爱好者。</li>
96+
</ul>
97+
<ul class="list-disc ml-[20px] list-inside">
98+
<li v-for="item in featureList3">
99+
{{ item }}
100+
</li>
101+
</ul>
102+
<ul class="list-disc list-inside">
103+
<li>她的业余爱好是折腾各种古董电脑。</li>
104+
</ul>
105+
<ul class="list-disc ml-[20px] list-inside">
106+
<li v-for="item in featureList4">
107+
{{ item }}
108+
</li>
109+
</ul>
110+
</el-col>
111+
</el-row>
112+
113+
<el-divider></el-divider>
114+
115+
<p>
116+
本页上的艺术作品使用 <a class="text-link" target="_blank" href="http://creativecommons.org/licenses/by-sa/4.0">CC-BY-SA 4.0 International</a> 许可证进行授权。
117+
</p>
118+
<p class="py-[20px]">
119+
本吉祥物由钛山设计。钛山为自由及开源软件项目提供免费且许可开放的吉祥物设计服务。 有意者敬请联系：
120+
<a class="text-link" href="https://tysontan.com/" target="_blank">https://tysontan.com</a>
121+
/
122+
<a class="text-link" target="_blank" href="mailto:[email protected]">[email protected]</a>
123+
</p>
124+
</div>
125+
</template>
126+
127+
<style scoped>
128+
li {
129+
margin-top: 15px;
130+
margin-bottom: 15px;
131+
}
132+
</style>

‎src/router.js

+8
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ import L10n from './pages/l10n/Index.vue'
1717
import Contact from './pages/contact/Index.vue'
1818
import Gallery from './pages/gallery/Index.vue'
1919
import Guidelines from './pages/guidelines/Index.vue'
20+
import Mascot from './pages/mascot/Index.vue'
2021
import Sponsors from './pages/sponsors/Index.vue'
2122
import Crowdsourcing from './pages/crowdsourcing/Index.vue'
2223
import News from './pages/news/Index.vue'
@@ -149,6 +150,13 @@ const router = createRouter({
149150
meta: {
150151
title: '人际关系准则'
151152
}
153+
}, {
154+
path: '/mascot',
155+
name: 'mascot',
156+
component: Mascot,
157+
meta: {
158+
title: '社区吉祥物'
159+
}
152160
}, {
153161
path: '/sponsors',
154162
name: 'sponsors',

0 commit comments

Comments
 (0)