1
1
<script setup lang="ts">
2
- import { QQ_GROUP , TWITTER , GITHUB_LINK , BILLBILL , XHS } from ' @/utils/const'
2
+ import { QQ_GROUP , TWITTER , GITHUB_LINK , BILLBILL , XHS , DISCORD } from ' @/utils/const'
3
3
import NavUser from ' ./NavUser.vue'
4
4
5
5
import {
@@ -29,6 +29,7 @@ const data = {
29
29
{
30
30
title: ' 开始新任务' ,
31
31
url: ' #' ,
32
+ isActive: false ,
32
33
},
33
34
],
34
35
},
@@ -42,6 +43,41 @@ const data = {
42
43
43
44
],
44
45
}
46
+
47
+
48
+ const socialMedia = [
49
+ {
50
+ name: ' QQ' ,
51
+ url: QQ_GROUP ,
52
+ icon: ' /qq.svg' ,
53
+ },
54
+ {
55
+ name: ' Twitter' ,
56
+ url: TWITTER ,
57
+ icon: ' /twitter.svg' ,
58
+ },
59
+ {
60
+ name: ' GitHub' ,
61
+ url: GITHUB_LINK ,
62
+ icon: ' /github.svg' ,
63
+ },
64
+ {
65
+ name: ' 哔哩哔哩' ,
66
+ url: BILLBILL ,
67
+ icon: ' /bilibili.svg' ,
68
+ },
69
+ {
70
+ name: ' 小红书' ,
71
+ url: XHS ,
72
+ icon: ' /xiaohongshu.svg' ,
73
+ },
74
+ {
75
+ name: ' Discord' ,
76
+ url: DISCORD ,
77
+ icon: ' /discord.svg' ,
78
+ },
79
+ ]
80
+
45
81
</script >
46
82
47
83
<template >
@@ -75,47 +111,9 @@ const data = {
75
111
</SidebarFooter >
76
112
<SidebarFooter >
77
113
<!-- 展示图标社交媒体 -->
78
- <div class =" flex items-center gap-4 justify-center mt-2 mb-4 border-t border-light-purple pt-3" >
79
- <a :href =" QQ_GROUP" target =" _blank" >
80
- <svg t =" 1746283023571" class =" icon" viewBox =" 0 0 1024 1024" version =" 1.1" xmlns =" http://www.w3.org/2000/svg"
81
- p-id =" 1612" width =" 30" height =" 30" >
82
- <path
83
- d =" M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z"
84
- p-id =" 1613" ></path >
85
- </svg >
86
- </a >
87
- <a :href =" TWITTER" target =" _blank" >
88
- <svg t =" 1746283115880" class =" icon" viewBox =" 0 0 1024 1024" version =" 1.1" xmlns =" http://www.w3.org/2000/svg"
89
- p-id =" 4345" width =" 30" height =" 30" >
90
- <path
91
- d =" M761.759375 122h132.320625L605 452.4003125 945.08 902H678.8L470.24 629.3196875 231.599375 902H99.2l309.1996875-353.4L82.16 122h273.0403125l188.52 249.24z m-46.4390625 700.8h73.32L315.359375 197.0403125h-78.680625z"
92
- fill =" #2c2c2c" p-id =" 4346" ></path >
93
- </svg >
94
- </a >
95
- <a :href =" GITHUB_LINK" target =" _blank" >
96
- <svg t =" 1746283186324" class =" icon" viewBox =" 0 0 1024 1024" version =" 1.1" xmlns =" http://www.w3.org/2000/svg"
97
- p-id =" 5452" width =" 30" height =" 30" >
98
- <path
99
- d="M511.957333 21.333333C241.024 21.333333 21.333333 240.981333 21.333333 512c0 216.832 140.544 400.725333 335.573334 465.664 24.490667 4.394667 32.256-10.069333 32.256-23.082667 0-11.690667 0.256-44.245333 0-85.205333-136.448 29.610667-164.736-64.64-164.736-64.64-22.314667-56.704-54.4-71.765333-54.4-71.765333-44.586667-30.464 3.285333-29.824 3.285333-29.824 49.194667 3.413333 75.178667 50.517333 75.178667 50.517333 43.776 75.008 114.816 53.333333 142.762666 40.789333 4.522667-31.658667 17.152-53.376 31.189334-65.536-108.970667-12.458667-223.488-54.485333-223.488-242.602666 0-53.546667 19.114667-97.322667 50.517333-131.669334-5.034667-12.330667-21.930667-62.293333 4.778667-129.834666 0 0 41.258667-13.184 134.912 50.346666a469.802667 469.802667 0 0 1 122.88-16.554666c41.642667 0.213333 83.626667 5.632 122.88 16.554666 93.653333-63.488 134.784-50.346667 134.784-50.346666 26.752 67.541333 9.898667 117.504 4.864 129.834666 31.402667 34.346667 50.474667 78.122667 50.474666 131.669334 0 188.586667-114.730667 230.016-224.042666 242.090666 17.578667 15.232 33.578667 44.672 33.578666 90.453334v135.850666c0 13.141333 7.936 27.605333 32.853334 22.869334C862.250667 912.597333 1002.666667 728.746667 1002.666667 512 1002.666667 240.981333 783.018667 21.333333 511.957333 21.333333z"
100
- p-id =" 5453" ></path >
101
- </svg >
102
- </a >
103
- <a :href =" BILLBILL" target =" _blank" >
104
- <svg t =" 1746283559641" class =" icon" viewBox =" 0 0 1117 1024" version =" 1.1" xmlns =" http://www.w3.org/2000/svg"
105
- p-id =" 8888" width =" 30" height =" 30" >
106
- <path
107
- d =" M296.378 33.35l176.035 176.105h172.218L820.713 33.42a54.342 54.342 0 0 1 76.846 76.823l-99.304 99.212h113.291a190.068 190.068 0 0 1 190.045 190.068v434.409A190.068 190.068 0 0 1 911.523 1024H205.568A190.068 190.068 0 0 1 15.523 833.955V399.5a190.068 190.068 0 0 1 190.045-190.045H318.79l-99.258-99.305a54.319 54.319 0 1 1 76.846-76.847v0.047z m615.145 284.718H205.568a81.455 81.455 0 0 0-81.059 73.612l-0.396 7.82v434.408a81.455 81.455 0 0 0 73.635 81.083l7.82 0.395h705.955a81.455 81.455 0 0 0 81.059-73.658l0.395-7.796V399.5a81.455 81.455 0 0 0-81.454-81.455zM341.34 480.978a54.295 54.295 0 0 1 54.295 54.295v108.614a54.319 54.319 0 0 1-108.613 0V535.273a54.295 54.295 0 0 1 54.318-54.296z m434.409 0a54.295 54.295 0 0 1 54.318 54.295v108.614a54.295 54.295 0 0 1-108.613 0V535.273a54.295 54.295 0 0 1 54.295-54.296z"
108
- fill =" #2c2c2c" p-id =" 8889" ></path >
109
- </svg >
110
- </a >
111
- <a :href =" XHS" target =" _blank" >
112
- <svg t =" 1746530966639" class =" icon" viewBox =" 0 0 1024 1024" version =" 1.1" xmlns =" http://www.w3.org/2000/svg"
113
- p-id =" 5128" width =" 30" height =" 30" >
114
- <path
115
- d="M996.152 56.513c-7.986-10.852-17.61-20.885-28.871-28.87C944.143 10.442 916.09 0 885.377 0H138.419c-30.715 0-59.176 10.443-82.314 27.642-10.852 7.986-20.885 17.61-28.87 28.87C10.444 79.448 0.001 107.703 0.001 138.623V885.58c0 30.715 10.442 59.176 27.641 81.905 7.986 10.852 17.61 20.885 28.871 28.87 23.138 17.2 51.19 27.643 81.904 27.643h746.959c30.714 0 59.175-10.443 81.904-27.642 10.852-7.986 20.885-17.61 28.87-28.87 17.2-23.139 27.643-51.19 27.643-81.905V138.622c0-30.92-10.852-59.175-27.642-82.11z m-629.633 410.54c16.38-36.241 34.81-71.87 52.213-107.497h59.995c-14.743 29.28-31.124 57.947-41.566 85.794 24.366-1.433 46.48-2.662 72.484-4.095-13.923 27.847-26.209 52.623-38.494 77.398-1.639 3.276-3.277 6.757-4.915 10.033-12.9 25.8-12.9 26.004 15.767 26.62 3.071 0 5.938 0.41 11.466 1.022-7.985 15.767-15.152 30.1-22.728 44.228-1.229 2.253-4.71 4.915-6.962 4.915-21.09 0-42.385 0.614-63.475-1.639-15.152-1.638-21.09-13.309-15.152-27.642 7.166-17.814 15.766-35.219 23.752-52.828 2.662-6.143 5.528-12.08 9.42-21.09-11.673 0-20.272 0.206-28.872 0-24.776-1.023-33.17-12.285-22.933-35.218zM76.171 658.299c-12.695-22.114-24.16-42.59-35.832-63.065 0-2.458 22.933-72.485 17.814-151.726h63.065s2.253 148.45-45.047 214.791z m147.222-7.985c0.614 37.061-24.98 37.061-24.98 37.061H162.17l-38.085-50.37h39.928v-277.45h59.994c0 90.915-0.204 199.846-0.614 290.76z m87.227 4.71c-28.666-25.186-44.227-100.333-43.818-211.925h59.175c-4.504 58.765 14.538 137.187 14.538 137.187s-17.404 38.495-29.895 74.737z m129.817 26.004c-1.638 3.071-6.757 5.938-10.443 6.142-27.847 0.41-55.9 0.205-87.842 0.205 12.081-24.16 22.114-43.818 30.92-61.018h95.621c-10.647 20.885-19.042 38.085-28.256 54.67z m244.481 6.552h-215.2c10.442-20.68 29.075-57.537 29.075-57.537h61.428V441.87h-38.29v-58.766h138.622v57.947h-37.88v189.196h62.245v57.333z m284.615-43.409c0 43.409-42.385 42.18-42.385 42.18h-55.285l-23.138-49.756 59.995 0.205s0.614-45.047 0-60.609c-0.41-13.105-7.576-21.5-20.886-21.704-26.618-0.615-53.442-0.205-82.722-0.205v132.274h-59.38V555.1h-59.995v-61.222h58.356v-51.804h-38.7v-57.947h39.315v-24.571h59.994l0.41 24.57h47.708s44.024-1.023 44.228 41.77c0.205 12.697 0.41 54.263 0.41 68.187 50.575-0.205 72.075 10.033 72.075 45.25V644.17z m-25.39-200.46H912.2v-30.507c0-11.057 5.528-21.295 14.947-27.233 10.647-6.757 25.39-11.057 39.314 2.252 0.614 0.41 1.024 1.024 1.433 1.638 19.247 20.27 4.095 53.852-23.752 53.852z"
116
- fill =" #2c2c2c" p-id =" 5129" ></path >
117
- <path d =" M805.521 493.878h39.723v-52.01h-40.132z" fill =" #2c2c2c" p-id =" 5130" ></path >
118
- </svg >
114
+ <div class =" flex items-center gap-4 justify-centermb-4 border-t border-light-purple pt-3" >
115
+ <a v-for =" item in socialMedia" :href =" item.url" target =" _blank" >
116
+ <img :src =" item.icon" :alt =" item.name" width =" 24" height =" 24" class =" icon" >
119
117
</a >
120
118
</div >
121
119
</SidebarFooter >
0 commit comments