HelloGithub/hellogithub-vue
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
landaiqing
2023-07-05 12:29:40 +08:00
parent 03110a9b1e
commit dce2261a74
12 changed files with 432 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

199
src/assets/svg/logo-tiobe.svg Normal file
View File

@@ -0,0 +1,199 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1"
id="svg2" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 795.3 274"
style="enable-background:new 0 0 795.3 274;" xml:space="preserve">
<style type="text/css">
.st0{fill:#287AC8;}
.st1{fill:#FFFFFF;}
.st2{fill:#231F20;}
</style>
<g id="g10" transform="matrix(1.25,0,0,-1.25,0,744.1)">
<g id="g12" transform="translate(227.5415,430.0071)">
<path id="path14" class="st0" d="M-117.9,165.3L-227.5,55.7L-117.9-54L-8.3,55.7L-117.9,165.3z"/>
</g>
<g id="g16" transform="translate(232.303,266.2556)">
<path id="path18" class="st1" d="M-117.9,165.3h23.3l-16.8,25.5l-11.8-17.6L-117.9,165.3z"/>
</g>
<g id="g20" transform="translate(216.6609,360.5909)">
<path id="path22" class="st2" d="M-117.9,165.3h-40.5v-16.5h28l11.4-17l11.5,17.6L-117.9,165.3z"/>
</g>
<g id="g24" transform="translate(227.047,309.5588)">
<path id="path26" class="st2" d="M-117.9,165.3l-11.8-17.8l-16.8-25.5h23.3l5.3,7.9l11.8,17.6l11.6,17.3l-11.8,18.1L-117.9,165.3
L-117.9,165.3z"/>
</g>
<g id="g28" transform="translate(237.4289,360.5909)">
<path id="path30" class="st1" d="M-117.9,165.3l-10.4-15.9l-11.5-17.6l-11.8-18.1l11.6-17.3l11.5,17.5h0l0.2,0.4l11.5,17.6
l11.3,17h28v16.5H-117.9z"/>
</g>
<g id="g32" transform="translate(442.3815,343.7097)">
<path id="path34" class="st2" d="M-117.9,165.3h-24.7V88.3h-21.8v76.9h-24.5V182h71V165.3z"/>
</g>
<path id="path36" class="st2" d="M356.4,432h-21.7v93.7h21.7V432z"/>
</g>
<g id="g40_1_">
<g id="g46_1_" transform="translate(545.3218,322.1599)">
<path id="path48_1_" class="st2" d="M-11-187.1c0-8.4-2-15.2-5.9-20.6c-3.9-5.4-9.5-8-16.7-8c-7.3,0-13,2.7-16.8,8
c-3.9,5.3-5.8,12.2-5.8,20.6v21.2c0,8.5,2,15.4,5.9,20.7c3.9,5.4,9.6,8,16.9,8c7.1,0,12.7-2.7,16.6-8c3.9-5.4,5.9-12.3,5.9-20.7
L-11-187.1z M16.1-165.9c0,14.4-4.6,26.3-13.7,35.7c-9.1,9.4-21.1,14-35.8,14c-14.8,0-26.9-4.7-36.1-14
c-9.2-9.4-13.8-21.2-13.8-35.7V-187c0-14.4,4.6-26.2,13.8-35.6c9.2-9.4,21.2-14.1,36-14.1c14.7,0,26.6,4.7,35.9,14.1
c9.2,9.4,13.8,21.3,13.8,35.6C16.1-187,16.1-165.9,16.1-165.9z"/>
</g>
<g id="g50_1_" transform="translate(602.3588,306.9807)">
<path id="path52_1_" class="st2" d="M3.3-153v29.4H22c5.8,0,10.1-1.1,13-3.4c2.9-2.3,4.3-5.8,4.3-10.5c0-5.1-1.2-8.9-3.7-11.5
c-2.5-2.6-6.5-3.9-12.1-3.9H3.3z M3.3-171h13.5c6.2-0.1,10.8-1.3,13.8-3.6c3.1-2.3,4.6-5.6,4.6-10c0-5-1.6-8.6-4.7-10.9
c-3.1-2.3-7.9-3.4-14.3-3.4H3.3V-171z M-24-102.7v-117.1h40.2c14.5,0,25.9,2.7,34,8.1c8.1,5.4,12.2,13.4,12.2,24.1
c0,5.6-1.3,10.5-3.9,14.9c-2.6,4.3-6.7,7.6-12.1,9.8c6.9,1.6,11.9,4.7,15.2,9.4c3.3,4.7,4.9,10.1,4.9,16.2
c0,11.4-3.8,20-11.5,25.9c-7.7,5.8-18.7,8.8-33,8.8C22-102.7-24-102.7-24-102.7z"/>
</g>
<g id="g54_1_" transform="translate(723.6755,306.8506)">
<path id="path56_1_" class="st2" d="M33.6-152.7h-45.9v29.2h54.1v20.9h-81.4v-117.1H42v20.9h-54.3v25.2l45.9,0V-152.7z"/>
</g>
<g id="g58_1_" transform="translate(397.8423,237.8639)">
<path id="path60_1_" class="st2" d="M-47.8,2.5v3.9h2.9v2.7h-2.9v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4h2.4V2.5L-47.8,2.5z"/>
</g>
<g id="g62_1_" transform="translate(406.0862,233.1108)">
<path id="path64_1_" class="st2" d="M-45.8,13.2c0.5-0.7,1.2-1.3,1.9-1.7c0.8-0.4,1.6-0.6,2.5-0.6c1.7,0,3,0.5,4,1.6
c0.9,1.1,1.4,2.7,1.4,4.9v9.7h-3.6v-9.7c0-1.3-0.2-2.2-0.8-2.7c-0.5-0.6-1.3-0.8-2.3-0.8c-0.7,0-1.3,0.1-1.9,0.4
c-0.6,0.3-1,0.7-1.4,1.2v11.7h-3.6v-23l3.6,0V13.2z"/>
</g>
<g id="g66_1_" transform="translate(422.6542,232.6989)">
<path id="path68_1_" class="st2" d="M-41.6,14.1c-0.9,0-1.6,0.4-2.2,1.1c-0.6,0.7-0.9,1.6-1.1,2.7l0,0.1h6.3v-0.4
c0-1-0.3-1.8-0.8-2.5C-39.8,14.5-40.6,14.1-41.6,14.1 M-41.2,27.8c-2.3,0-4.1-0.7-5.4-2.2c-1.3-1.5-2-3.4-2-5.7v-0.6
c0-2.3,0.7-4.2,2-5.8c1.3-1.5,3-2.3,5-2.3c2.2,0,3.8,0.6,4.9,2s1.7,3,1.7,5.2v2.1h-10l0,0.1c0.1,1.3,0.4,2.3,1.1,3.1
c0.7,0.8,1.6,1.2,2.8,1.2c1,0,1.8-0.1,2.5-0.4c0.7-0.2,1.4-0.6,2-1l1.1,2.3c-0.6,0.5-1.4,1-2.4,1.3
C-38.8,27.6-39.9,27.8-41.2,27.8"/>
</g>
<g id="g70_1_" transform="translate(444.6343,225.4697)">
<path id="path72_1_" class="st2" d="M-36.2,30.4c0-0.6-0.2-1-0.7-1.4c-0.5-0.4-1.3-0.7-2.6-1c-1.9-0.4-3.4-1-4.3-1.7
c-1-0.7-1.5-1.8-1.5-3c0-1.3,0.6-2.5,1.7-3.4c1.1-0.9,2.6-1.4,4.5-1.4c1.9,0,3.5,0.5,4.6,1.4c1.1,1,1.7,2.1,1.6,3.6l0,0.1h-3.4
c0-0.7-0.2-1.2-0.8-1.7c-0.5-0.5-1.2-0.7-2.1-0.7c-0.9,0-1.5,0.2-2,0.6c-0.5,0.4-0.7,0.9-0.7,1.4c0,0.6,0.2,1,0.6,1.3
c0.4,0.3,1.3,0.6,2.6,0.9c2,0.4,3.5,1,4.5,1.7c1,0.8,1.5,1.8,1.5,3.1c0,1.4-0.6,2.6-1.8,3.5c-1.2,0.9-2.7,1.3-4.7,1.3
c-2.1,0-3.7-0.5-4.9-1.6c-1.2-1.1-1.8-2.3-1.7-3.7l0-0.1h3.3c0,0.9,0.4,1.6,1,2c0.6,0.4,1.4,0.6,2.3,0.6c0.9,0,1.6-0.2,2.1-0.5
C-36.4,31.5-36.2,31-36.2,30.4"/>
</g>
<g id="g74_1_" transform="translate(452.9388,228.2604)">
<path id="path76_1_" class="st2" d="M-34.1,24.1c0,1.6,0.3,2.8,0.9,3.8c0.6,1,1.5,1.5,2.8,1.5c1.2,0,2.2-0.5,2.8-1.5
c0.6-1,0.9-2.2,0.9-3.8v-0.3c0-1.5-0.3-2.8-0.9-3.8c-0.6-1-1.6-1.5-2.8-1.5c-1.2,0-2.2,0.5-2.8,1.5c-0.6,1-0.9,2.2-0.9,3.8V24.1z
M-37.7,23.8c0-2.4,0.6-4.3,1.9-5.8c1.3-1.5,3.1-2.3,5.4-2.3c2.3,0,4.1,0.8,5.4,2.3c1.3,1.5,2,3.5,2,5.8v0.3c0,2.4-0.7,4.4-2,5.9
c-1.3,1.5-3.1,2.3-5.4,2.3c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.5-1.9-5.9C-37.7,24.1-37.7,23.8-37.7,23.8z"/>
</g>
<g id="g78_1_" transform="translate(465.7926,222.0048)">
<path id="path80_1_" class="st2" d="M-30.9,38.2V24.9h-2.4v-2.7h2.4v-1.9c0-1.8,0.5-3.1,1.4-4.1c1-1,2.3-1.4,4-1.4
c0.3,0,0.7,0,1,0.1c0.4,0.1,0.8,0.1,1.2,0.2l-0.4,2.8c-0.2,0-0.4-0.1-0.7-0.1c-0.2,0-0.5,0-0.8,0c-0.8,0-1.4,0.2-1.7,0.7
c-0.4,0.4-0.6,1.1-0.6,1.9v1.9h3.2v2.7h-3.2v13.3H-30.9z"/>
</g>
<g id="g82_1_" transform="translate(477.4776,237.8639)">
<path id="path84_1_" class="st2" d="M-27.9,2.5v3.9h2.9v2.7h-2.9v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4h2.4V2.5L-27.9,2.5z"/>
</g>
<g id="g86_1_" transform="translate(494.1151,225.6822)">
<path id="path88_1_" class="st2" d="M-23.8,29.9L-23.8,29.9l2.6-11.4h3.4l-4.4,15.9h-2.9l-3.4-10.9l0-0.1l0,0.1l-3.4,10.9h-2.9
l-4.4-15.9h3.4l2.5,11.2l0.1,0l3.3-11.2h2.6L-23.8,29.9z"/>
</g>
<g id="g90_1_" transform="translate(505.672,224.056)">
<path id="path92_1_" class="st2" d="M-20.9,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C-22.2,33.4-21.6,33.6-20.9,33.6 M-16.5,36.2c-0.1-0.4-0.2-0.8-0.3-1.2
s-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
c-0.5,0.4-0.7,0.9-0.7,1.5H-26l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C-12.9,36.2-16.5,36.2-16.5,36.2z"/>
</g>
<g id="g94_1_" transform="translate(521.5788,232.1785)">
<path id="path96_1_" class="st2" d="M-16.9,15.3l-1.5-0.1c-0.7,0-1.3,0.1-1.7,0.4c-0.5,0.3-0.8,0.7-1.1,1.3V28h-3.6V12.1h3.3
l0.2,2.3c0.4-0.8,0.9-1.5,1.6-1.9c0.6-0.5,1.4-0.7,2.2-0.7c0.2,0,0.4,0,0.6,0c0.2,0,0.4,0.1,0.5,0.1L-16.9,15.3z"/>
</g>
<g id="g98_1_" transform="translate(529.3044,232.6989)">
<path id="path100_1_" class="st2" d="M-15,14.1c-0.9,0-1.6,0.4-2.2,1.1c-0.6,0.7-0.9,1.6-1.1,2.7l0,0.1h6.3v-0.4
c0-1-0.3-1.8-0.8-2.5C-13.2,14.5-13.9,14.1-15,14.1 M-14.6,27.8c-2.3,0-4.1-0.7-5.4-2.2c-1.3-1.5-2-3.4-2-5.7v-0.6
c0-2.3,0.7-4.2,2-5.8c1.3-1.5,3-2.3,5-2.3c2.2,0,3.8,0.6,4.9,2s1.7,3,1.7,5.2v2.1h-9.9l0,0.1c0.1,1.3,0.4,2.3,1.1,3.1
c0.7,0.8,1.6,1.2,2.8,1.2c1,0,1.8-0.1,2.5-0.4c0.7-0.2,1.4-0.6,2-1l1.1,2.3c-0.6,0.5-1.4,1-2.4,1.3
C-12.1,27.6-13.3,27.8-14.6,27.8"/>
</g>
<g id="g102_1_" transform="translate(546.4512,227.9656)">
<path id="path104_1_" class="st2" d="M-10.7,24.8c0,1.5,0.3,2.7,0.8,3.5c0.6,0.9,1.5,1.3,2.7,1.3c0.7,0,1.3-0.1,1.8-0.4
C-4.8,29-4.4,28.5-4,28v-7.4c-0.3-0.5-0.8-0.9-1.3-1.2c-0.5-0.3-1.1-0.4-1.8-0.4c-1.2,0-2.1,0.5-2.7,1.6c-0.6,1-0.9,2.4-0.9,4
V24.8z M-14.3,24.5c0-2.5,0.5-4.6,1.6-6.2C-11.6,16.8-10,16-8,16c0.9,0,1.7,0.2,2.4,0.6c0.7,0.4,1.3,0.9,1.8,1.6l0.4-1.9h2.9v22.1
H-4v-7.6c-0.5,0.6-1.1,1.1-1.7,1.4c-0.7,0.3-1.4,0.5-2.3,0.5c-2,0-3.5-0.7-4.6-2.1c-1.1-1.4-1.6-3.3-1.6-5.6
C-14.3,24.8-14.3,24.5-14.3,24.5z"/>
</g>
<g id="g106_1_" transform="translate(566.3196,223.8675)">
<path id="path108_1_" class="st2" d="M-5.7,34c-0.5,0.8-1.1,1.5-1.9,2c-0.8,0.5-1.7,0.7-2.7,0.7c-1.7,0-3-0.5-4-1.6
c-1-1.1-1.4-2.8-1.4-5.1v-9.5h3.6V30c0,1.4,0.2,2.4,0.7,2.9c0.5,0.6,1.1,0.8,2,0.8c0.9,0,1.6-0.2,2.2-0.5c0.6-0.3,1-0.8,1.4-1.4
V20.4h3.6v15.9h-3.1L-5.7,34z"/>
</g>
<g id="g110_1_" transform="translate(576.7925,224.056)">
<path id="path112_1_" class="st2" d="M-3.1,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C-4.4,33.4-3.8,33.6-3.1,33.6 M1.3,36.2C1.2,35.8,1,35.4,1,35
c-0.1-0.4-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
c-0.5,0.4-0.7,0.9-0.7,1.5h-3.4l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C4.9,36.2,1.3,36.2,1.3,36.2z"/>
</g>
<path id="path114_1_" class="st2" d="M589.4,260.2h-3.6v-23h3.6V260.2z"/>
<path id="path116_1_" class="st2" d="M598,260.2h-3.6v-15.9h3.6V260.2z M598,240.4h-3.6v-3.1h3.6V240.4z"/>
<g id="g118_1_" transform="translate(603.584,237.8639)">
<path id="path120_1_" class="st2" d="M3.6,2.5v3.9h2.9v2.7H3.6v8.8c0,0.7,0.1,1.1,0.4,1.4c0.3,0.3,0.7,0.4,1.1,0.4
c0.2,0,0.4,0,0.6-0.1c0.2,0,0.4-0.1,0.5-0.1l0.4,2.6c-0.3,0.2-0.7,0.3-1.1,0.4c-0.4,0.1-0.9,0.1-1.3,0.1c-1.3,0-2.3-0.4-3.1-1.2
c-0.7-0.8-1.1-2-1.1-3.6V9.1h-2.4V6.4H0V2.5L3.6,2.5z"/>
</g>
<g id="g122_1_" transform="translate(613.2308,227.1221)">
<path id="path124_1_" class="st2" d="M6,26.7l0.4,1.6h0.1l3.5-11.1h3.9L7.3,35.5c-0.4,1.1-1,2.1-1.8,2.8c-0.8,0.8-1.9,1.2-3.3,1.2
c-0.3,0-0.6,0-1-0.1s-0.7-0.1-1-0.2l0.4-2.8c0.1,0,0.3,0,0.5,0c0.2,0,0.4,0,0.5,0c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.7-1,1-1.5
l0.6-1.4l-5.8-15.8H3L6,26.7z"/>
</g>
<g id="g126_1_" transform="translate(633.6824,224.056)">
<path id="path128_1_" class="st2" d="M11.1,33.6c0.9,0,1.6-0.3,2.2-0.8s0.9-1.2,0.9-1.9h3.2l0,0.1c0,1.5-0.6,2.8-1.8,3.9
c-1.3,1.1-2.8,1.6-4.6,1.6c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.4-1.9-5.7v-0.5c0-2.3,0.6-4.2,1.9-5.7c1.3-1.5,3.1-2.3,5.4-2.3
c1.9,0,3.5,0.6,4.7,1.7c1.2,1.1,1.8,2.5,1.7,4.3l0,0.1h-3.3c0-0.9-0.3-1.6-0.9-2.2c-0.6-0.6-1.3-0.9-2.2-0.9
c-1.3,0-2.3,0.5-2.9,1.5c-0.6,1-0.8,2.2-0.8,3.7v0.5c0,1.5,0.3,2.7,0.8,3.7C8.8,33.1,9.8,33.6,11.1,33.6"/>
</g>
<g id="g130_1_" transform="translate(643.999,228.2604)">
<path id="path132_1_" class="st2" d="M13.7,24.1c0,1.6,0.3,2.8,0.9,3.8c0.6,1,1.5,1.5,2.8,1.5c1.2,0,2.2-0.5,2.8-1.5
c0.6-1,0.9-2.2,0.9-3.8v-0.3c0-1.5-0.3-2.8-0.9-3.8c-0.6-1-1.6-1.5-2.8-1.5c-1.2,0-2.2,0.5-2.8,1.5c-0.6,1-0.9,2.2-0.9,3.8V24.1z
M10.1,23.8c0-2.4,0.7-4.3,1.9-5.8c1.3-1.5,3.1-2.3,5.4-2.3c2.3,0,4.1,0.8,5.4,2.3c1.3,1.5,2,3.5,2,5.8v0.3c0,2.4-0.7,4.4-2,5.9
c-1.3,1.5-3.1,2.3-5.4,2.3c-2.3,0-4.1-0.8-5.4-2.3c-1.3-1.5-1.9-3.5-1.9-5.9C10.1,24.1,10.1,23.8,10.1,23.8z"/>
</g>
<g id="g134_1_" transform="translate(658.5375,234.7632)">
<path id="path136_1_" class="st2" d="M17.3,9.5l0.2,2.1c0.5-0.8,1.2-1.3,2-1.8c0.8-0.4,1.7-0.6,2.7-0.6c1,0,1.9,0.2,2.7,0.7
c0.7,0.5,1.3,1.2,1.7,2.1c0.5-0.9,1.1-1.6,1.9-2.1c0.8-0.5,1.8-0.8,2.8-0.8c1.6,0,2.9,0.5,3.8,1.6c0.9,1.1,1.4,2.8,1.4,5v9.6h-3.6
v-9.6c0-1.4-0.2-2.3-0.7-2.9c-0.5-0.5-1.2-0.8-2.1-0.8c-0.8,0-1.4,0.2-1.9,0.6c-0.5,0.4-0.9,1-1.1,1.7c0,0.1,0,0.3,0,0.4
c0,0.1,0,0.2,0,0.3v10.3h-3.6v-9.6c0-1.3-0.2-2.2-0.7-2.8c-0.5-0.6-1.2-0.9-2.1-0.9c-0.7,0-1.3,0.1-1.8,0.4
c-0.5,0.3-0.9,0.7-1.2,1.2v11.7h-3.6V9.5H17.3z"/>
</g>
<g id="g138_1_" transform="translate(685.8236,228.2127)">
<path id="path140_1_" class="st2" d="M24.1,24.2c0-1.6-0.3-3-0.9-4c-0.6-1-1.5-1.5-2.7-1.5c-0.7,0-1.4,0.2-1.9,0.5
c-0.5,0.3-0.9,0.8-1.3,1.3v7.2c0.3,0.6,0.7,1,1.3,1.3c0.5,0.3,1.2,0.4,1.9,0.4c1.2,0,2.1-0.4,2.7-1.3c0.6-0.9,0.9-2.1,0.9-3.5
V24.2z M27.7,24.6c0,2.3-0.5,4.2-1.6,5.6c-1.1,1.4-2.6,2.1-4.6,2.1c-0.9,0-1.7-0.2-2.4-0.5c-0.7-0.3-1.3-0.8-1.8-1.4v7.7h-3.6
V16.1h3l0.4,2c0.5-0.7,1.1-1.3,1.9-1.7c0.7-0.4,1.6-0.6,2.5-0.6c2,0,3.5,0.8,4.6,2.3c1.1,1.6,1.6,3.6,1.6,6.2V24.6z"/>
</g>
<g id="g142_1_" transform="translate(695.9191,224.056)">
<path id="path144_1_" class="st2" d="M26.7,33.6c0.9,0,1.7-0.2,2.4-0.7c0.7-0.5,1.2-1,1.4-1.5V29h-2.8c-1,0-1.9,0.3-2.4,0.8
c-0.6,0.5-0.9,1.1-0.9,1.8c0,0.6,0.2,1.1,0.6,1.5C25.4,33.4,25.9,33.6,26.7,33.6 M31.1,36.2c-0.1-0.4-0.2-0.8-0.3-1.2
s-0.1-0.8-0.2-1.1c-0.5,0.7-1.1,1.4-1.9,1.9c-0.8,0.5-1.7,0.8-2.7,0.8c-1.7,0-2.9-0.4-3.8-1.3c-0.9-0.9-1.3-2-1.3-3.5
c0-1.5,0.6-2.7,1.8-3.6c1.2-0.9,2.9-1.3,5.1-1.3h2.8v-1.4c0-0.8-0.2-1.5-0.7-2c-0.5-0.5-1.2-0.7-2.1-0.7c-0.8,0-1.5,0.2-1.9,0.6
c-0.5,0.4-0.7,0.9-0.7,1.5h-3.4l0-0.1c-0.1-1.3,0.5-2.4,1.7-3.3c1.2-1,2.7-1.5,4.7-1.5c1.9,0,3.4,0.5,4.5,1.4
c1.1,0.9,1.7,2.3,1.7,4.1v7.1c0,0.7,0,1.3,0.1,1.9c0.1,0.6,0.2,1.2,0.4,1.8C34.7,36.2,31.1,36.2,31.1,36.2z"/>
</g>
<g id="g146_1_" transform="translate(708.0639,234.7632)">
<path id="path148_1_" class="st2" d="M29.7,9.5l0.2,2.3c0.5-0.8,1.2-1.4,2-1.9c0.8-0.5,1.7-0.7,2.7-0.7c1.7,0,3,0.5,3.9,1.5
c0.9,1,1.4,2.6,1.4,4.7v10h-3.6v-10c0-1.2-0.2-2.1-0.7-2.6c-0.5-0.5-1.2-0.8-2.3-0.8c-0.7,0-1.3,0.2-1.9,0.5
c-0.5,0.3-1,0.7-1.4,1.3v11.6h-3.6l0-15.9H29.7z"/>
</g>
<g id="g150_1_" transform="translate(723.9595,227.1221)">
<path id="path152_1_" class="st2" d="M33.7,26.7l0.4,1.6h0.1l3.5-11.1h3.9l-6.6,18.4c-0.4,1.1-1,2.1-1.8,2.8
c-0.8,0.8-1.9,1.2-3.3,1.2c-0.3,0-0.6,0-1-0.1c-0.3-0.1-0.7-0.1-1-0.2l0.4-2.8c0.1,0,0.3,0,0.5,0c0.2,0,0.4,0,0.5,0
c0.6,0,1.2-0.2,1.6-0.7c0.4-0.4,0.7-1,1-1.5l0.6-1.4l-5.8-15.8h3.9L33.7,26.7z"/>
</g>
<g id="g154_1_" transform="translate(384.2123,248.9569)">
<path id="path156_1_" class="st0" d="M-51.3-22.4h-6.5L-71.6,1.3l13.9,23.7h6.5L-65.2,1.3L-51.3-22.4z"/>
</g>
<g id="g158_1_" transform="translate(737.8216,248.9569)">
<path id="path160_1_" class="st0" d="M37.1-22.4h6.5L57.5,1.3L43.6,25.1h-6.5L51.1,1.3L37.1-22.4z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

4
src/components/Home/Home.vue
View File

@@ -125,8 +125,8 @@ HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。
<script>
import axios from 'axios'
import ProjectList from "@/components/Home/ProjectList.vue";
import UserInfo from "@/components/Home/UserInfo.vue";
import ProjectList from "@/components/Project/ProjectList.vue";
import UserInfo from "@/components/User/UserInfo.vue";
import LoginDialog from "@/components/Home/LoginDialog.vue";
export default {

4
src/components/Home/RightTools.vue
View File

@@ -10,9 +10,9 @@
</template>
<script>
import UserInfo from "@/components/Home/UserInfo.vue";
import UserInfo from "@/components/User/UserInfo.vue";
import LoginDialog from "@/components/Home/LoginDialog.vue";
import RandomProjects from "@/components/Home/RandomProjects.vue";
import RandomProjects from "@/components/Project/RandomProjects.vue";
export default {
name: "RightTools",

13
src/components/Home/SearchInput.vue
View File

@@ -15,7 +15,7 @@
<span class="title">搜索历史</span>
<span class="clear" @click="clearHistory" v-show="this.$cookie.get('username')!=null"><i class="el-icon-circle-close"></i>清空</span>
</div>
<div v-show="this.$cookie.get('username')!=null">
<div v-if="historySearch!==null" v-show="this.$cookie.get('username')!=null">
<el-tag
v-for="(tag,index) in historySearch"
:key="index"
@@ -28,7 +28,11 @@
{{ tag }}
</el-tag>
</div>
<div v-show="this.$cookie.get('username')==null">
<div v-if="historySearch==null" v-show="this.$cookie.get('username')!=null">
<el-empty description="暂无搜索历史" :image-size="20"></el-empty>
</div>
<div
v-show="this.$cookie.get('username')==null">
<span style="color: #9ca3af;font-size: 15px">你还没有登录哦~</span>
</div>
@@ -115,12 +119,7 @@ export default {
params: {
}
}).then((res)=>{
// console.log(res.data);
if(res.data.code===500){
return;
}else{
that.historySearch=res.data;
}
});
},

0
src/components/ProjectDetail.vue → src/components/Project/ProjectDetail.vue
View File

0
src/components/Home/ProjectList.vue → src/components/Project/ProjectList.vue
View File

0
src/components/Home/RandomProjects.vue → src/components/Project/RandomProjects.vue
View File

77
src/components/Ranking.vue
View File

@@ -6,24 +6,47 @@
<el-page-header @back="goBack" style="justify-content: center;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
HelloGitHub (2023)年(6)月语言排行榜
HelloGitHub (2023)年语言排行榜
</div>
</el-page-header>
</div>
<div class="PageContent">榜单内容</div>
<div class="PageContent" style="display: flex;flex-direction: column;flex-wrap: nowrap">
<el-card class="box-card">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between">
<el-select v-model="selectedValue" style="width: 7vw">
<el-option label="编程语言" value="1"></el-option>
<el-option label="服务器" value="2"></el-option>
<el-option label="数据库" value="3"></el-option>
</el-select>
<el-image fit="fill" :src="require('@/assets/svg/logo-tiobe.svg')" style="width:8vw;height: 4vh;display: flex;flex-direction: row;justify-content: flex-end"></el-image>
<el-select v-model="selectedValueByYear" style="width: 7vw">
<el-option label="2023" value="2023"></el-option>
<el-option label="2022" value="2022"></el-option>
</el-select>
</div>
</el-card>
<el-card class="box-card" style="margin-top: 20px">
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</el-card>
</div>
</div>
<!-- <div style="display: flex;flex-direction:column;flex-wrap: nowrap">-->
<!-- <div class="UserInfo">-->
<!-- 用户信息展示内容-->
<!-- </div>-->
<!-- <div class="RightContent">-->
<!-- 空位置，待填入-->
<!-- </div>-->
<!-- <div class="ReferralProgram">-->
<!-- 推荐项目目录-->
<!-- </div>-->
<!-- </div>-->
</div>
</template>
@@ -31,6 +54,29 @@
<script>
export default {
name: "RankingComponent",
data(){
return{
selectedValue:'1',
selectedValueByYear:'2023',
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
},
methods: {
goBack() {
window.history.go(-1);
@@ -43,4 +89,7 @@ export default {
::v-deep .el-page-header__left{
left:-150px;
}
.el-card{
border: none;
}
</style>

20
src/components/Home/UserInfo.vue → src/components/User/UserInfo.vue
View File

@@ -44,6 +44,16 @@ export default {
},
methods:{
signOut(){
// deletecookie
var that=this;
axios({
method: 'get',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/deletesession',
// URL 中的查询参数
params: {
}
});
this.$cookie.delete('username');
if(this.$cookie.get('username')===null){
Vue.prototype.$notify({
@@ -52,14 +62,20 @@ export default {
type: 'success',
offset: 50
});
}
setTimeout(()=>{
window.location.reload();
},1000)
}
},
toUserPage(){
this.$router.push({path:'/UserInfoPage'})
this.$router.push({
path:'/UserInfoPage',
query: {
name: this.$cookie.get('username'),
refresh: true
}})
},
getContributionValue(){
var that=this;

137
src/components/User/UserInfoPage.vue Normal file
View File

@@ -0,0 +1,137 @@
<template>
<div style="display:flex;flex-direction:row;flex-wrap: nowrap">
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
个人主页
</div>
</el-page-header>
</div>
<div class="PageContent">
<el-card class="box-card" style="border: none">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
<div style="display: flex;flex-direction: row;justify-content: flex-start">
<div style="width: 100px;height: 100px">
<el-avatar :size="90">{{username}}</el-avatar>
</div>
<div style="display: flex;flex-direction: column;margin-left: 15px;">
<div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
<span style="font-size: 20px;font-weight: bold;">{{username}}</span>
<span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
</div>
<span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> {{userId}} </span>位用户，于 {{creatTime}} 加入。</span>
<span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">
已分享
<span v-if="projectNum!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{projectNum}}</span>
<span v-if="projectNum==null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
个开源项目，
<span v-if="Object.keys(commentList).length!==0" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{Object.keys(commentList).length}}</span>
<span v-if="Object.keys(commentList).length===0" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
份项目评价，
共获得
<span v-if="contributionValue!=null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">{{contributionValue}}</span>
<span v-if="contributionValue==null" style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>
点贡献值。
</span>
</div>
</div>
</div>
</el-card>
<el-card class="box-card" style="border: none;margin-top: 20px">
<el-tabs v-model="activeName">
<el-tab-pane label="评论" name="first">
<el-empty description="暂无评论" :image-size="115"></el-empty>
</el-tab-pane>
<el-tab-pane label="项目" name="third">
<el-empty description="暂无项目" :image-size="115"></el-empty>
</el-tab-pane>
</el-tabs>
</el-card>
</div>
</div>
<RightTools></RightTools>
</div>
</template>
<script>
import axios from "axios";
import RightTools from "@/components/Home/RightTools.vue";
export default {
name: "UserInfoPage",
components: {RightTools},
data(){
return{
activeName:'first',
username: null,
contributionValue:0,
creatTime:null,
projectNum:0,
userId:null,
projectList:null,
commentList:{},
}
},
mounted() {
this.getUserInfo()
this.getUserDetail();
},
watch: {
$route () {
if(this.$route.query.refresh){
this.getUserInfo() //重新调用http请求实现页面的重新渲染
this.getUserDetail();
}
}
},
methods: {
goBack() {
window.history.go(-1);
},
getUserInfo(){
var that=this;
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/retUser',
// URL 中的查询参数
params: {
username:this.$route.query.name
}
}).then(function (res) {
that.username=res.data.userName;
that.contributionValue=res.data.contributionValue;
that.creatTime=res.data.creatTime;
that.projectNum=res.data.projectNum;
that.userId=res.data.userId;
});
},
getUserDetail(){
var that=this;
axios({
method: 'post',
// 请求的地址
url: 'http://localhost:8082/helloGithub_war_exploded/userDetail',
// URL 中的查询参数
params: {
username:this.$route.query.name
}
}).then(function (res) {
that.projectList=JSON.parse(res.data.project);
that.commentList=JSON.parse(res.data.comment);
});
},
}
}
</script>
<style scoped>
::v-deep .el-page-header__left{
position: relative;
left:-20vw;
}
</style>

69
src/components/UserInfoPage.vue
View File

@@ -1,69 +0,0 @@
<template>
<div style="display:flex;flex-direction:row;flex-wrap: nowrap">
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
个人主页
</div>
</el-page-header>
</div>
<div class="PageContent">
<el-card class="box-card" style="border: none">
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start">
<div style="display: flex;flex-direction: row;justify-content: flex-start">
<div style="width: 100px;height: 100px">
<el-avatar :size="90">{{this.$cookie.get('username')}}</el-avatar>
</div>
<div style="display: flex;flex-direction: column;margin-left: 15px;">
<div style="display: flex;flex-direction: row;align-items: center;justify-content: flex-start;">
<span style="font-size: 20px;font-weight: bold;">{{this.$cookie.get('username')}}</span>
<span style="font-size: 15px;font-weight: bold;color: #3b82f6;margin-left: 10px">Lv.1</span>
</div>
<span style="margin-top: 10px;color: #6b7280;font-size: 15px">你是 HelloGitHub 社区的第<span style="font-size: 16px;color:#2b2e33;font-weight: bold "> 7750 </span>位用户，于 2023 年 06 月 25 日 加入。</span>
<span style="display: flex;justify-content: flex-start;margin-top: 10px;color: #6b7280;font-size: 15px">已分享<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>个开源项目<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>份项目评价，共获得<span style="font-size: 16px;color:#2b2e33;font-weight: bold ">0</span>点贡献值。</span>
</div>
</div>
</div>
</el-card>
<el-card class="box-card" style="border: none;margin-top: 20px">
<el-tabs v-model="activeName">
<el-tab-pane label="评论" name="first">
<el-empty description="暂无评论" :image-size="100"></el-empty>
</el-tab-pane>
<el-tab-pane label="项目" name="third">
<el-empty description="暂无项目" :image-size="100"></el-empty>
</el-tab-pane>
</el-tabs>
</el-card>
</div>
</div>
</div>
</template>
<script>
export default {
name: "UserInfoPage",
data(){
return{
activeName:'first'
}
},
methods: {
goBack() {
window.history.go(-1);
}
}
}
</script>
<style scoped>
::v-deep .el-page-header__left{
position: relative;
left:-20vw;
}
</style>

4
src/router/index.js
View File

@@ -6,8 +6,8 @@ import monthly from "@/components/Monthly/Monthly.vue";
import ranking from "@/components/Ranking.vue";
import paper from "@/components/Paper/Paper.vue";
import MonthlyDetail from "@/components/Monthly/MonthlyDetail.vue";
import UserInfoPage from "@/components/UserInfoPage.vue";
import ProjectDetail from "@/components/ProjectDetail.vue";
import UserInfoPage from "@/components/User/UserInfoPage.vue";
import ProjectDetail from "@/components/Project/ProjectDetail.vue";
import ArticleDetail from "@/components/Paper/ArticleDetail.vue";
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {