ttl 提示

src/views/ViewNote.vue

@@ -202,9 +202,13 @@
               <div style="float:right;width:auto;">
                 <Button-group size="large">
 
+                  <Button aria-label="ttl" type="error"
+                    style="margin-left:5px; border-radius: 0px;font-size: 21px; font-family: Arial, sans-serif"
+                    @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"
-                    @click="showShareModel()" icon="md-alarm">{{ state.ttlDesc }}</Button>
+                    @click="showShareModel()" icon="md-share"></Button>
 
                   <Button aria-label="menu" type="error" style="margin-left:5px; border-radius: 0px;font-size: 24px;"
                     @click="switchMenu()" @blur.native="hideMenu()" icon="md-menu"></Button>
@@ -293,6 +297,17 @@
       </p>
     </Modal>
 
+    <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 }}  
+      </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>
+      </p>
+    </Modal>
+
     <Modal v-model="model.showDelete" width="360" footer-hide class-name="fnmodal" :styles="{ borderRadius: 0 }">
       <p style="text-align: center;font-size:medium;margin-bottom: 20px;">
         {{ $t("message.askTodelete") }}
@@ -367,6 +382,7 @@ export default {
         showDownloadText: false,
         copyTip: false,
         showError: false,
+        showTtlDelete: false,
       },
       toTopState: false,
       showMenuState: false,
@@ -515,6 +531,12 @@ export default {
       this.errorInfo = '';
       this.model.showError = false;
     },
+    showTtlDeleteModel(){
+      this.model.showTtlDelete = true;
+    },
+    closeTtlDeleteModel(){
+      this.model.showTtlDelete = false;
+    },
     showShareModel() {
       this.model.showShare = true;
       storage.session.setText(this.secret.storeKey + "_share", '1');