gengx

src/components/Monthly/Monthly.vue

@@ -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>

src/components/Paper/ArticleDetail.vue

@@ -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>

src/components/Paper/Paper.vue

@@ -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>

src/components/Project/ProjectDetail.vue

@@ -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>

src/components/Ranking/Ranking.vue

@@ -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: {//饼图文字的显示

src/components/User/UserInfoPage.vue

@@ -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>