tag1

src/views/BlankNote.vue

@@ -0,0 +1,189 @@
+<style scoped>
+.layout {
+  height: 100%;
+  background: #dddddd;
+}
+
+.header {
+  background: #dddddd;
+}
+
+.ivu-layout-header {
+  line-height: normal;
+  height: auto;
+  padding: 0px;
+}
+
+
+.content {
+  background: #dddddd;
+}
+
+.ivu-layout-content {
+  padding: 0px;
+}
+
+
+
+.layout-footer-center {
+  background: #dddddd;
+  text-align: center;
+}
+
+
+
+
+
+.ivu-card-bordered {
+  border: 0px solid #dcdee2;
+  border-color: #e8eaec;
+}
+
+
+
+.noteKey {
+  color: red;
+  font-weight: bold;
+  font-size: 18px;
+  font-family: "Bitstream Vera Sans Mono", Consolas, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"
+}
+</style>
+
+<style>
+#noteText {
+  color: black;
+  padding: 15px;
+  vertical-align: top;
+  width: 100%;
+  height: auto;
+  background: white;
+  min-width: 200px;
+  border-radius: 0px;
+  overflow-y: auto;
+  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+  /*min-height: 400px;*/
+  font-size: 14px;
+}
+
+
+#noteText::selection {
+  background: firebrick;
+  color: white;
+}
+
+#noteText::-moz-selection {
+  background: firebrick;
+  color: white;
+}
+
+#noteText br::selection {
+  background: firebrick;
+  color: white;
+}
+
+#noteText br::-moz-selection {
+  background: firebrick;
+  color: white;
+}
+</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 }">
+
+
+              <div style="background: white;width:100%;height:40px;">
+                <img style="height:40px;float:left;" src="favicon.png">
+
+                <div style="float:right;width:auto;">
+                  <Button-group size="large">
+                    <Button type="error" style="margin-left:0px; border-radius: 0px;font-size: 24px;"
+                      @click="createNote()" icon="md-add"></Button>
+
+                  </Button-group>
+                </div>
+
+
+
+              </div>
+
+
+
+
+              </Col>
+            </Row>
+          </div>
+        </Header>
+      </Affix>
+      <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="noteText" style="text-align: center;min-height: 650px;" class="monoFt">
+                  <h1>blank</h1>
+                </div>
+              </div>
+            </Card>
+            </Col>
+          </Row>
+        </div>
+      </Content>
+
+
+      <Footer class="layout-footer-center">2022 &copy; flagnote.com</Footer>
+
+    </Layout>
+
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BlankNote',
+  components: {},
+  props: {},
+  data() {
+    return {
+      noteForm: {
+        url: '',
+        text: '',
+        escapeText: '',
+        key: '',
+        md5: '',
+        lock: '0',
+      },
+      secret: {
+        storeKey: '',
+        secretKey: '',
+        cipher: '',
+      },
+      state: {
+        lock: '0',
+        locking: '0',
+        commited: '0'
+      }
+    }
+  },
+  created() {
+    this.noteForm.key = this.$route.params.name;
+  },
+  methods: {
+    createNote() {
+      window.open("/");
+    }
+
+  }
+}
+</script>
+