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-06 21:51:28 +08:00
parent 5d0c1856a4
commit 18c6e28ba7
11 changed files with 90533 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,7 +9,7 @@
<span><i class="el-icon-menu"></i> 热门标签</span>
</div>
<div class="bottom clearfix">
<el-scrollbar style="height:50vh">
<el-scrollbar style="height:60vh">
<el-tabs v-model="currentTabName" tab-position="left" @tab-click="typeChange" lazy>
<el-tab-pane v-for="(tag,index) in tags" :key="index" :index="tag.categoryId" :name="tag.categoryName" >
<span slot="label" style="border-radius: 10px;align-items: center;display: flex;flex-direction: row;justify-content: flex-start" v-html="tag.category"></span>
@@ -76,28 +76,40 @@
<el-card class="box-card" style="margin-top: 20px;width: 15vw">
<div slot="header" class="clearfix">
<el-statistic group-separator="," :precision="0" decimal-separator="." :value="userTotal" title="用户总数">
<template slot="prefix">
<i class="el-icon-s-flag" style="color: red"></i>
</template>
<template slot="suffix">
<i class="el-icon-s-flag" style="color: blue"></i>
</template>
</el-statistic>
<div style="display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between">
<div style="display: flex;flex-direction: column;flex-wrap: nowrap">
<span style="font-size: 16px;color: #9ca3af;font-weight: bold">用户总数</span>
<span style="font-size: 30px">{{userTotal}}</span>
</div>
<div style="display: flex;flex-direction: column;flex-wrap: nowrap">
<span style="font-size: 16px;color: #9ca3af;font-weight: bold">开源项目</span>
<span style="font-size: 30px">{{projectTotal}}</span>
</div>
</div>
<!-- <el-statistic group-separator="," :precision="0" decimal-separator="." :value="userTotal" title="用户总数">-->
<!-- <template slot="prefix">-->
<!-- <i class="el-icon-s-flag" style="color: red"></i>-->
<!-- </template>-->
<!-- <template slot="suffix">-->
<!-- <i class="el-icon-s-flag" style="color: blue"></i>-->
<!-- </template>-->
<!-- </el-statistic>-->
<el-statistic group-separator="," :precision="0" decimal-separator="." :value="projectTotal" title="项目总数">
<template slot="prefix">
<i class="el-icon-s-flag" style="color: red"></i>
</template>
<template slot="suffix">
<i class="el-icon-s-flag" style="color: blue"></i>
</template>
</el-statistic>
<!-- <el-statistic group-separator="," :precision="0" decimal-separator="." :value="projectTotal" title="项目总数">-->
<!-- <template slot="prefix">-->
<!-- <i class="el-icon-s-flag" style="color: red"></i>-->
<!-- </template>-->
<!-- <template slot="suffix">-->
<!-- <i class="el-icon-s-flag" style="color: blue"></i>-->
<!-- </template>-->
<!-- </el-statistic>-->
</div>
<div class="text item">
<div style="font-size: 18px;color: #9ca3af;font-weight: bold"> 关于本站 </div>
<span>
HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。 希望大家能够在这里找到编程的快乐、 轻松搞定问题的技术方案、 大呼过瘾的开源神器， 顺其自然地开启开源之旅。
<div style=";font-size: 16px;color: #9ca3af;display: flex;flex-direction: row;justify-content: flex-start"> 关于本站 </div>
<span style="margin-top: 10px;font-size: 15px;display: flex;flex-direction: row;justify-content: flex-start;text-align: left; line-height: 1.8;">
HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台。
希望大家能够在这里找到编程的快乐、 轻松搞定问题的技术方案、 大呼过瘾的开源神器，
顺其自然地开启开源之旅。
</span>
</div>
</el-card>