更新页面

src/components/Monthly/MonthlyByTags.vue

@@ -3,14 +3,12 @@
         <div style="display: flex;flex-direction:column;flex-wrap: nowrap">
             <div class="PageHeader">
                 <br/>
-                <div style="display:flex;flex-wrap:nowrap">
+                <el-page-header  @back="goBack" style="justify-content:left;display: flex;">
-                    <el-page-header  @back="goBack" style="justify-content: center;">
+                    <div slot="title" style="font-size:23px;font-weight: 600;"></div>
-                        <div slot="title" style="font-size:23px;font-weight: 600;"></div>
+                    <div slot="content" class="test" style="font-size:23px;font-weight: 600;">
-                        <div slot="content" style="font-size:25px;font-weight: 650;margin-top:0px">
+                        <div> 《HelloGitHub》月刊 <span style="font-size:30px;font-weight:750">{{selectlabelItem}} </span>分区</div>
-                            《HelloGitHub》月刊 <span style="font-size:30px;font-weight:750">{{selectlabelItem}} </span>分区
+                    </div>
-                        </div>
+                </el-page-header>
-                    </el-page-header>
-                </div>
 
             </div>
             <div class="PageContent">
@@ -128,12 +126,7 @@ export default {
             this.getList(1,that.selectlabelItem);
         },
         goBack() {
-            let pathInfo = this.$router.resolve({
+            window.history.go(-1);
-                path: '/Monthly',
-                query:{
-                }
-            })
-            window.open(pathInfo.href, '_self');
         },
         // 获取所有标签列表
         getLabel(){
@@ -197,7 +190,10 @@ export default {
 
 <style scoped lang="scss">
 ::v-deep .el-page-header__left{
-    left:20px;
+    left:10px;
     //display: none;
 }
+::v-deep .el-page-header__content{
+    flex:1;
+}
 </style>

src/components/Monthly/MonthlyItems.vue

@@ -1,6 +1,8 @@
 <template>
     <div class="MonItems">
-        <a class="Title" :href="Items.projectUrl"><i class="el-icon-s-promotion"></i>{{briefTitle}}</a>
+        <div style="text-align: left">
+            <a class="Title" :href="Items.projectUrl"><i class="el-icon-s-promotion"></i>{{briefTitle}}</a>
+        </div>
         <div class="State">
             <div style="margin-top:10px">
                 <i class="el-icon-star-off"></i>&nbsp;Star:{{Items.startNum}}&nbsp;&nbsp;&nbsp;&nbsp;
@@ -76,7 +78,6 @@ export default {
     margin-top:30px
 }
 .Title{
-    margin-left:-450px;
     width:fit-content;
     color: #7bb6ff;
     font-size:25px;