left red line

2022-12-06 16:00:30 +08:00
parent 56367c0f5f
commit a0d58cf0a5
7 changed files with 43 additions and 72 deletions
--- a/src/App.vue
+++ b/src/App.vue
@@ -62,7 +62,7 @@ body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  /*min-height: 400px;*/
  font-size: 14px;
-  border: 1px solid white;
+  border: 0px;
 }


--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,7 @@ import VueAxios from 'vue-axios'
 import './plugins/iview.js'
 import i18n from './i18n/'

-axios.defaults.baseURL= process.env.VUE_APP_BASE_URL;
+axios.defaults.baseURL = process.env.VUE_APP_BASE_URL;

 Vue.use(VueAxios, axios)

--- a/src/views/EditNote.vue
+++ b/src/views/EditNote.vue
@@ -102,7 +102,7 @@
                  <Button aria-label="publish" type="error" :loading="model.submitting"
                    style="margin-left:5px; border-radius: 0px;font-size: 21px;" @click="submitNote()"
                    icon="md-share"></Button>
-                  <Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
+                  <Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;"
                    @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>

                </Button-group>
@@ -110,7 +110,7 @@
            </div>

            <div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']"
-              style="z-index: 100; position: absolute;top:41px;right:0px;left:auto;">
+              style="z-index: 100; position: absolute;top:43px;right:0px;left:auto;">
              <Button-group vertical size="large">
                <Button aria-label="create note" type="error" style="border-radius: 0px;font-size: 24px;"
                  @click="createNote(); switchMenu(); " icon="md-add"></Button>
@@ -152,8 +152,8 @@
              <Form :model="noteForm" :label-width="80">
                <div id="wrapper" style="border-left: 2px solid #ed4014;">
                  <Input element-id="noteText" type="textarea" :border="false" v-model="noteForm.text" autofocus
-                    :autosize="{ minRows: 30, maxRows: 409600 }"  :placeholder="$t('content.noteTip')" @input="recordText"
-                    @on-keydown="recordEventKdown"/>
+                    :autosize="{ minRows: 30, maxRows: 409600 }" :placeholder="$t('content.noteTip')"
+                    @input="recordText" @on-keydown="recordEventKdown" />
                </div>
              </Form>
            </Card>
@@ -172,9 +172,10 @@
        {{ $t("message.askTodelete") }}
      </p>
      <p style="text-align: center;">
-        <Button type="error" :loading="model.deleting" style="border-radius: 0px;font-size: 19px;" @click="dropNote()">{{
-            $t("button.yes")
-        }}</Button>
+        <Button type="error" :loading="model.deleting" style="border-radius: 0px;font-size: 19px;"
+          @click="dropNote()">{{
+              $t("button.yes")
+          }}</Button>
      </p>
    </Modal>

@@ -183,8 +184,9 @@
        {{ errorInfo }}
      </p>
      <p style="text-align: center;">
-        <Button type="error" style="border-radius: 0px;font-size: 19px;"
-          @click="cloaseErrorMessage()">{{ $t("button.close") }}</Button>
+        <Button type="error" style="border-radius: 0px;font-size: 19px;" @click="cloaseErrorMessage()">{{
+            $t("button.close")
+        }}</Button>
      </p>
    </Modal>

@@ -296,7 +298,7 @@ export default {
      entries.forEach(entry => {
        let affix = document.querySelector('.ivu-affix');
        if (affix) {
-          affix.setAttribute("style", "top: 0px; width: " + entry.contentRect.width + "px;");
+          affix.setAttribute("style", "top: 0px; width: " + (entry.contentRect.width + 2) + "px;");
        }

      });
@@ -350,17 +352,17 @@ export default {
      setStoreText(this.noteForm, this.state, this.secret);
    },
    // recordEventKup(event) {
-      // let tn = event.currentTarget.value;
-      // let ss = event.currentTarget.selectionStart;
-      // let cline = tn.substring(0, ss).split('\n').length;
+    // let tn = event.currentTarget.value;
+    // let ss = event.currentTarget.selectionStart;
+    // let cline = tn.substring(0, ss).split('\n').length;

-      // var noteTop = parseFloat(window.getComputedStyle(event.currentTarget).lineHeight) * cline;
-      // console.log(noteTop)
-      // var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      // console.log(scrollTop)
-      // if (noteTop < scrollTop+10) {
-      //   window.scrollTo(0, noteTop-10);
-      // }
+    // var noteTop = parseFloat(window.getComputedStyle(event.currentTarget).lineHeight) * cline;
+    // console.log(noteTop)
+    // var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+    // console.log(scrollTop)
+    // if (noteTop < scrollTop+10) {
+    //   window.scrollTo(0, noteTop-10);
+    // }
    // },
    recordEventKdown(event) {

@@ -428,7 +430,7 @@ export default {
      }
      return true;
    },
-    cloaseErrorMessage(){
+    cloaseErrorMessage() {
      this.errorInfo = '';
      this.model.showError = false;
    },
@@ -450,7 +452,7 @@ export default {
          let storeInfo = storage.local.getText(that.secret.storeKey);
          let starray = storeInfo.split("|");
          storage.local.setText(that.secret.storeKey, starray[0] + '|' + starray[1] + '|1|' + starray[3] + '|' + starray[4]);
-          storage.session.setText(that.secret.storeKey+"_share",'1');
+          storage.session.setText(that.secret.storeKey + "_share", '1');
          location.reload();
          this.state.locking = 0;
        }
@@ -468,7 +470,7 @@ export default {
    dropNote() {
      this.model.deleting = true;
      storage.local.delete(this.secret.storeKey);
-      storage.session.setText(this.secret.storeKey+"_delete",1);
+      storage.session.setText(this.secret.storeKey + "_delete", 1);
      location.reload();
    },
    bindToTopEvent() {
--- a/src/views/ErrorNote.vue
+++ b/src/views/ErrorNote.vue
@@ -139,7 +139,7 @@ export default {
    } else if (this.$route.params.code) {
      this.errorInfo.code = this.$route.params.code;
    }
-    
+
    if (this.$route.params.name) {
      this.noteForm.key = this.$route.params.name;
    }
--- a/src/views/ViewNote.vue
+++ b/src/views/ViewNote.vue
@@ -207,10 +207,10 @@
                    @click="showTtlDeleteModel()" icon="md-alarm">{{ state.ttlDesc }}</Button>

                  <Button aria-label="share" type="error"
-                    style="margin-left:5px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
+                    style="margin-left:3px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
                    @click="showShareModel()" icon="md-share"></Button>

-                  <Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
+                  <Button aria-label="menu" type="error" style="margin-left:3px; border-radius: 0px;font-size: 24px;"
                    @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>

                </Button-group>
@@ -218,7 +218,7 @@

            </div>
            <div id="noteMenu" :class="[showMenuState ? 'showBlock' : 'hideBlock']"
-              style="z-index: 100; position: absolute;top:41px;right:0px;left:auto;">
+              style="z-index: 100; position: absolute;top:43px;right:0px;left:auto;">
              <Button-group vertical size="large">
                <Button type="error" icon="md-add" style="border-radius: 0px;font-size: 24px;"
                  @click="createNote(); switchMenu();"></Button>
@@ -299,11 +299,12 @@

    <Modal v-model="model.showTtlDelete" width="360" footer-hide class-name="qrmodal" :styles="{ borderRadius: 0 }">
      <p style="text-align: center;margin-top:20px;">
-        {{$t("content.deleteTip")}}{{ state.ttlDesc }}  
+        {{ $t("content.deleteTip") }}{{ state.ttlDesc }}
      </p>

      <p style="text-align: center;margin-top:10px;">
-        <Button type="error" style="border-radius: 0px;font-size:19px;" @click="closeTtlDeleteModel()">{{ $t("button.close")
+        <Button type="error" style="border-radius: 0px;font-size:19px;" @click="closeTtlDeleteModel()">{{
+            $t("button.close")
        }}</Button>
      </p>
    </Modal>
@@ -531,10 +532,10 @@ export default {
      this.errorInfo = '';
      this.model.showError = false;
    },
-    showTtlDeleteModel(){
+    showTtlDeleteModel() {
      this.model.showTtlDelete = true;
    },
-    closeTtlDeleteModel(){
+    closeTtlDeleteModel() {
      this.model.showTtlDelete = false;
    },
    showShareModel() {