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

gengx

Browse Source
This commit is contained in:
Zhang HaoYang
2023-07-10 10:36:46 +08:00
parent e3b4116993
commit 9c0ce008ef
6 changed files with 50 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Monthly/Monthly.vue
View File

@@ -8,7 +8,7 @@
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
HelloGitHub 月刊
@@ -286,4 +286,12 @@ export default {
max-height:150px;
overflow: scroll;
}
::v-deep .el-page-header__left{
left:10px;
}
::v-deep .el-page-header__content{
flex:1;
}
</style>

11
src/components/Paper/ArticleDetail.vue
View File

@@ -3,9 +3,9 @@
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="margin-left: 50px;justify-content: center;">
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style=";display: flex;flex-direction:row;justify-content: flex-start;font-size:23px;font-weight: 600;">
<div slot="content" style=";display: flex;flex-direction:row;justify-content:center;font-size:23px;font-weight: 600;">
{{ArticleTitle}}
</div>
</el-page-header>
@@ -110,4 +110,11 @@ export default {
/*::v-deep .el-page-header__left{*/
/* left:-300px;*/
/*}*/
::v-deep .el-page-header__left{
left:10px;
}
::v-deep .el-page-header__content{
flex:1;
}
</style>

11
src/components/Paper/Paper.vue
View File

@@ -3,9 +3,9 @@
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;display: flex;flex-direction: row;align-items: center;">
<div slot="content" style="font-size:23px;font-weight: 600;display: flex;flex-direction: row;justify-content: center;">
HelloGitHub 文章
</div>
</el-page-header>
@@ -131,4 +131,11 @@ export default {
::v-deep .el-page-header__left{
left:-250px;
}
::v-deep .el-page-header__left{
left:10px;
}
::v-deep .el-page-header__content{
flex:1;
}
</style>

9
src/components/Project/ProjectDetail.vue
View File

@@ -3,7 +3,7 @@
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
项目详情
@@ -902,4 +902,11 @@ export default {
::v-deep .avatar :hover{
transform: rotate(360deg);
}
::v-deep .el-page-header__left{
left:10px;
}
::v-deep .el-page-header__content{
flex:1;
}
</style>

13
src/components/Ranking/Ranking.vue
View File

@@ -6,7 +6,7 @@
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" class="test" style="font-size:23px;font-weight: 600;">
<div>(2023)年度语言GitHub星数排行榜</div>
<div>{{TitleWord}}</div>
</div>
</el-page-header>
</div>
@@ -93,6 +93,8 @@ export default {
components: {RightTools},
data(){
return{
// 标头文字：
TitleWord:'GitHub星数年度排行榜',
// 开关文本：
activeWord:'月度趋势',
inactiveWord:'年度统计',
@@ -162,7 +164,6 @@ export default {
},
mounted() {
this.initPage();
console.log(this.showData);
},
methods: {
goBack() {
@@ -201,21 +202,25 @@ export default {
that.formName=['语言种类','获得星数']
that.activeWord='月度趋势';
that.inactiveWord='年度统计';
that.TitleWord='GitHub星数年度排行榜';
}else if(type == 2){
this.getNumData(year,that.value1,that.pushNum);
that.formName=['语言种类','推送项目数']
that.activeWord='月度趋势';
that.inactiveWord='年度统计';
that.TitleWord='GitHub推送数年度排行榜';
}else if(type == 3){
this.getNumData(year,that.value1,that.pullNum);
that.formName=['语言种类','用户拉取项目数']
that.activeWord='月度趋势';
that.inactiveWord='年度统计';
that.TitleWord='GitHub拉取数年度排行榜';
}else if(type == 4){
this.getLiscenseData(that.value1);
that.formName=['协议种类','项目数']
that.activeWord='各协议占比';
that.inactiveWord='数据总览';
that.TitleWord='GitHub协议年度排行榜';
that.ban=true;
}
}
@@ -230,7 +235,6 @@ export default {
if(that.value1 == false) that.value1 = true;
if(that.value1 == true) that.value1 = false;
}
// console.log(that.selectedValueByYear);
},
// 语言分类的数据：
@@ -260,7 +264,6 @@ export default {
that.showData = tmp.slice(0,18);
that.showData = that.showData.sort(compare('count'));
this.getRenderer();
// console.log(that.showData);
}else{
// 按月度统计：
this.$refs.totalContent.style.display = 'none';
@@ -296,7 +299,6 @@ export default {
}
that.showData = quarterItems;
this.getLineChart();
console.log(that.showData);
}
},
@@ -328,6 +330,7 @@ export default {
formatter: '{a} <br/>{b} 协议项目 : {c} 个 <br/>百分比 : {d}%' //{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
},
series: [{
name:'协议数据',
type: 'pie',
data: tmp,
label: {//饼图文字的显示

8
src/components/User/UserInfoPage.vue
View File

@@ -3,7 +3,7 @@
<div style="display: flex;flex-direction:column;flex-wrap: nowrap">
<div class="PageHeader">
<br/>
<el-page-header @back="goBack" style="justify-content: center;">
<el-page-header @back="goBack" style="justify-content:left;display: flex;">
<div slot="title" style="font-size:23px;font-weight: 600;"></div>
<div slot="content" style="font-size:23px;font-weight: 600;">
个人主页
@@ -381,4 +381,10 @@ export default {
height: 178px;
display: block;
}
::v-deep .el-page-header__left{
left:10px;
}
::v-deep .el-page-header__content{
flex:1;
}
</style>