修改

src/views/user/Noteedit.vue

@@ -32,7 +32,42 @@
 
 
       <div class="edti-hist">
+         <h3>历史记录</h3>
+         <div class="histinfo">
+            <div class="hist-top">
+               编辑了笔记
+               <span>2022/4/5  22:42:32</span>
+            </div>
+            <div class="hist-cont">
+               <div class="hist-tit">
+                  3）套方案
+                  <span> <i class="el-icon-refresh-left"></i> 还原</span>
+               </div>
+               <div class="hist-text">
+                  最后一个做策划的方案就是套方案，这一点尤其是策划小白其是策
+们经常会犯，自己不会写方案，一写方案就照
+               </div>
+            </div>
+         </div>
 
+
+           <div class="histinfo">
+            <div class="hist-top">
+               编辑了笔记
+               <span>2022/4/5  22:42:32</span>
+            </div>
+            <div class="hist-cont">
+               <div class="hist-tit">
+                  3）套方案
+                  <span> <i class="el-icon-refresh-left"></i> 还原</span>
+               </div>
+               <div class="hist-text">
+                  最后一个做策划的方案就是套方案，这一点尤其是策划小白其是策
+们经常会犯，自己不会写方案，一写方案就照
+               </div>
+            </div>
+         </div>
+         
       </div>
       
    </div>
@@ -49,6 +84,53 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.edti-hist{
+   margin: 0;
+   font-size: 18px;
+   font-weight: 600;
+   color: #333333;
+   .histinfo{
+      background: #F2F5F7;
+      .hist-cont{
+         padding: 38px 32px;
+         box-sizing: border-box;
+         height: 163px;
+         background: #FFFFFF;
+         border-radius: 4px;
+         margin-top: 20px;
+         .hist-text{
+            font-weight: 400;
+            color: #666666;
+            margin-top: 20px;
+            font-size: 14px;
+         }
+         .hist-tit{
+            
+            font-size: 16px;
+            font-weight: 600;
+            color: #666666;  
+            span{
+               float: right;
+               color: #387DF7;
+               font-weight: 400;
+               font-size: 16px;
+            }    
+         }
+      }
+      .hist-top{
+         font-size: 16px;
+         font-weight: 400;
+         color: #333333;
+         margin-top: 35px;
+         span{
+            float: right;
+            font-weight: 400;
+            color: #999999;
+            font-size: 16px;
+         }
+      }
+   }
+}
 .edit-footer{
    button{
       float: right;
@@ -106,6 +188,7 @@ export default {
    display: flex;
    .edit-box{
       flex: 1;
+      padding-right: 30px;
       .edit-hear{
          height: 40px;
          border-bottom: 1px solid #ddd;
@@ -129,8 +212,9 @@ export default {
    }
    .edti-hist{
       width: 478px;
-      background-color: #ddd;
+      // background-color: #F2F5F7;
-      margin-left: 30px;
+      padding-left: 30px;
+      box-sizing: border-box;
    }
 }