u币规则

src/views/user/Noteedit.vue

@@ -4,6 +4,7 @@
          <div class="edit-hear">
             <h3>笔记编辑</h3>
             <span>{{isShowTip}}</span>
+            <span class="his-info pointer">历史记录</span>
          </div>
          <div class="edit-content">
             <div class="note-tit">
@@ -20,7 +21,7 @@
                <el-radio :label="9">公开</el-radio>
                <el-radio :label="1">私密</el-radio>
             </el-radio-group>
-            <el-button @click="comeback">取消</el-button>
+            <el-button style="margin-right:40%" @click="comeback">取消</el-button>
             <el-button type="primary" @click="savedata" >确定</el-button>
          </div>
       </div>
@@ -31,7 +32,7 @@
          <div class="histinfo" v-for="(item,idx) in histdata" :key="idx">
             <div class="hist-top">
                编辑了笔记
-               <span>2022/4/5  22:42:32</span>
+               <span>{{item.sysCreateTime}}</span>
             </div>
             <div class="hist-cont">
                <div class="hist-tit">
@@ -46,7 +47,6 @@
                </div>
             </div>
          </div>
-         
       </div>
       
    </div>
@@ -151,10 +151,21 @@ export default {
    height: 300px;
 }
 .edti-hist{
+   position: absolute;
+   right: -10px;
+   top:-20px;
+   width: 380px;
+   padding-left: 30px;
+   box-sizing: border-box;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
+   background: #FFFFFF;
+   box-shadow: -9px 2px 25px 0px rgba(119,119,119,0.16);
+   min-height: 400px;
+   overflow-y: auto;
+   border-radius: 4px;
    .histinfo{
       // background: #F2F5F7;
       .hist-cont{
@@ -261,12 +272,19 @@ export default {
 
 }
 .box{
+   position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    .edit-box{
       flex: 1;
       padding-right: 30px;
+      .his-info{
+         float: right;
+         font-weight: 600 !important;
+         color: #333333 !important;
+         font-size: 18px;
+      }
       .edit-hear{
          height: 40px;
          border-bottom: 1px solid #ddd;
@@ -288,12 +306,7 @@ export default {
          }
       }
    }
-   .edti-hist{
-      width: 478px;
-      // background-color: #F2F5F7;
-      padding-left: 30px;
-      box-sizing: border-box;
-   }
+
 }
 
 </style>