Add files via upload

src/views/BlankNote.vue

@@ -34,24 +34,22 @@
   border: 0px solid #dcdee2;
   border-color: #e8eaec;
 }
-
 </style>
 
 <style>
-
 </style>
 <template>
   <div class="layout" onkeydown="keydown">
     <Layout>
-      <Affix :offset-top="0">
 
 
-        <Header class="header">
-          <div>
-            <Row>
-              <Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
-                :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
 
+      <Header class="header">
+        <div>
+          <Row>
+            <Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
+              :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;">
                 <img style="height:40px;float:left;" src="/static/favicon.png">
@@ -71,20 +69,22 @@
 
 
 
-              </Col>
-            </Row>
-          </div>
-        </Header>
-      </Affix>
+            </Affix>
+            </Col>
+          </Row>
+        </div>
+      </Header>
+
       <Content class="content">
         <div style="min-height: 650px;">
           <Row>
             <Col :xs="{ span: 24, offset: 0 }" :sm="{ span: 22, offset: 1 }" :md="{ span: 20, offset: 2 }"
               :lg="{ span: 18, offset: 3 }" :xl="{ span: 16, offset: 4 }" :xxl="{ span: 16, offset: 4 }">
             <Card :padding="0">
-              <div style="border-left: 0px solid #FF3366;">
+              <div id="wrapper" style="border-left: 0px solid #FF3366;">
                 <div id="noteText" style="text-align: center;min-height: 650px;" class="monoFt">
-                  <h1>{{$t("content.blankTip")}}</h1>
+                  <h1></h1>
+                  {{ $t("content.blankTip") }}
                 </div>
               </div>
             </Card>
@@ -132,7 +132,28 @@ export default {
   created() {
     this.noteForm.key = this.$route.params.name;
   },
+  mounted() {
+    //this.bindCopyTextEvent();
+
+    const myObserver = new ResizeObserver(entries => {
+      // iterate over the entries, do something.
+      entries.forEach(entry => {
+        let affix = document.querySelector('.ivu-affix');
+        if (affix) {
+          affix.setAttribute("style", "top: 0px; width: " + entry.contentRect.width + "px;");
+        }
+
+      });
+    });
+
+    const someOtherEl = document.querySelector('#wrapper');
+    myObserver.observe(someOtherEl);
+
+  },
   methods: {
+    refreshPage() {
+      window.location.reload();
+    },
     createNote() {
       window.open("/");
     }