修改

src/data/pages.js

@@ -73,7 +73,7 @@ export const pages=[
     {title:'我的分享',path:'myshare',component:'share/MyList',hidden:false},
     {title:'分享给我的',path:'toshare',component:'share/ToList',hidden:false},
     {title:'我的笔记',path:'Mynotes',component:'user/Mynotes',hidden:true},
-    {title:'编辑笔记',path:'Mynotes',component:'user/Noteedit',hidden:true},
+    {title:'编辑笔记',path:'Noteedit',component:'user/Noteedit',hidden:true},
     {title:'我的测评',path:'myassess',component:'user/MyAssess',hidden:true},
     {title:'我的收藏',path:'favorites',component:'user/MyFavorites',hidden:false},
     {title:'我的关注',path:'follows',component:'user/MyFollow',hidden:false},

src/layout/components/TopNav/Index.vue

@@ -4,7 +4,7 @@
       <div class="xtop-content xcontent">
       <div class="xtop-left">
         <!-- <div> -->
-          <router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 30px;" /></router-link>
+          <router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 30px;" /></router-link> 
         <!-- </div> -->
         <div class="xtop-nav">
           <div><a :href="`${webBaseUrl}/index`">首页</a></div>

src/views/user/Mynotes.vue

@@ -41,7 +41,7 @@
                   <div>
                   <div class="textbut-box">
                   <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar>
-                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
+                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
                   </div>
                   </div>
               </div>
@@ -61,7 +61,7 @@
                   <div>
                   <div class="textbut-box">
                   <!-- <interactBar nodeWidth="60px" :readonly="true"  :type="4" :data="qa" @addAnswers="qaAnswer(qa)" :shares="true" :comments="false" :answers="true" :clickAnswer="true" :views="false"></interactBar> -->
-                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
+                    <el-button style=" margin-right: 10px;" class="textbut" type="text"> <i class="el-icon-delete"></i> 删除</el-button><el-button @click="edit" class="textbut" type="text"> <i class="el-icon-edit"></i> 编辑</el-button>
                   </div>
                   </div>
               </div>
@@ -160,7 +160,9 @@ export default {
          
       },
       edit(){
-          router.push()
+      this.$router.push({ path: '/user/Noteedit' });
+
+
       }
     }
 }

src/views/user/Noteedit.vue

@@ -1,15 +1,137 @@
 <template>
-   <div>
+   <div class="box" style="padding: 38px 42px;">
+      <div class="edit-box">
+         <div class="edit-hear">
+            <h3>笔记编辑</h3>
+            <span>笔记自动保存成功</span>
+         </div>
+         <div class="edit-content">
+            <div class="note-tit">
+                <h3> 《高效能人士的7个习惯》</h3>
+                <div><img src="../../../public/images/coteplay.png" alt="">8:40</div>
+            </div>
+            <div class="note-text">
+                我见过的策划们，不管是甲方企业的，还是广告代理，还营销策划公司的，在做策略写方案的时候，在写策略方做策略写方案的的时案的的时案<br>
+                1）套理论<br>
+                找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要 照着这个理论的
+                 我见过的策划们，不管是甲方企业的，还是广告代理，还营销策划公司的，在做策略写方案的时候，在写策略方做策略写方案的的时案的的时案<br>
+                2）套理论<br>
+                找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要 照着这个理论的
+                 我见过的策划们，不管是甲方企业的，还是广告代理，还营销策划公司的，在做策略写方案的时候，在写策略方做策略写方案的的时案的的时案<br>
+                3）套理论<br>
+                找一个营销理论，做策略时直接向上套。不管是什么行业、企业处在什么发展阶段，都要 照着这个理论的
+            </div>
+         </div>
+         <div class="edit-footer">
+            <el-radio v-model="radio" label="1">公开</el-radio>
+           <el-radio v-model="radio" label="2">私密</el-radio>
+            <el-button plain>取消</el-button>
+            <el-button type="primary">确定</el-button>
+         </div>
+      </div>
+
+
+      <div class="edti-hist">
+
+      </div>
       
    </div>
 </template>
 
 <script>
 export default {
-
+   data () {
+      return {
+        radio: '1'
+      };
+    }
 }
 </script>
 
-<style>
+<style lang="scss" scoped>
+.edit-footer{
+   button{
+      float: right;
+      margin-left: 25px;
+      width: 140px;
+      height: 40px;
+      border-radius: 4px;
+   }
+}
+.edit-content{
+   min-height: 480px;
+}
+.note-text{
+   font-size: 14px;
+   font-weight: 400;
+   color: #333333;
+}
+.note-tit{
+   padding-top: 30px;
+   width: 100%;
+   margin-bottom: 30px;
+   display: flex;
+       h3{
+              font-size: 18px;
+              font-weight: 600;
+              color: #333333;
+              margin: 0;
+              float: left;
+           }
+           div{
+                width: 120px;
+                height: 30px;
+                border-radius: 4px;
+                border: 1px solid #3379FB;
+                font-size: 14px;
+                font-weight: 400;
+                color: #387DF7;
+                line-height: 30px;
+                text-align: center;
+                float: left;
+                margin: 0 20px;
+                img{
+                    width: 10px;
+                    // height: 16px;
+                    padding-top: 6px;
+                    vertical-align: top;
+                    margin-right: 12px;
+                }
+           }
+
+}
+.box{
+   width: 100%;
+   height: 100%;
+   display: flex;
+   .edit-box{
+      flex: 1;
+      .edit-hear{
+         height: 40px;
+         border-bottom: 1px solid #ddd;
+         h3{
+            margin: 0;
+            float: left;
+            font-size: 18px;
+            font-weight: 600;
+            color: #333333;
+            line-height: 30px;
+
+         }
+         span{
+            font-size: 14px;
+            font-weight: 400;
+            color: #999999;
+            margin-left: 27px;
+            line-height: 30px;
+         }
+      }
+   }
+   .edti-hist{
+      width: 478px;
+      background-color: #ddd;
+      margin-left: 30px;
+   }
+}
 
 </style>