view page use textarea

src/views/EditNote.vue

@@ -23,7 +23,6 @@
 }
 
 
-
 .layout-footer-center {
   background: #dddddd;
   text-align: center;
@@ -75,7 +74,7 @@
             :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
 
           <Affix :offset-top="0">
-            <div style="background: white;width:100%;height:40px;">
+            <div :class="[showHeaderShade ? 'noteHeaderShade' : 'noteHeader']">
 
               <img style="height:40px;float:left;cursor: pointer;" alt="refresh flagnote" src="/static/logo.png"
                 v-on:click="refreshPage()" />
@@ -237,6 +236,7 @@ export default {
       },
       toTopState: false,
       showMenuState: false,
+      showHeaderShade: false,
       errorInfo: '',
     }
   },
@@ -480,8 +480,10 @@ export default {
         var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
         if (scrollTop >= 20) {
           that.toTopState = true;
+          that.showHeaderShade = true;
         } else {
           that.toTopState = false;
+          that.showHeaderShade = false;
         }
       }
     },