放大标签文本

上传论文摘要信息限长提示

pages/index/read.vue

@@ -32,7 +32,7 @@
     </v-contextmenu>
     <el-tabs v-model="activeName" type="card" closable @tab-remove="removeTab">
       <el-tab-pane :name="key" v-for="(item,key) in openList" :key="key">
-        <span slot="label">
+        <span slot="label" class="icon-size">
           {{item.title}}
           <el-tooltip :content="item.hasCollect?$t('read.tip.cancel_collect'):$t('read.tip.collect')">
             <i @click="star($event,item)" :class="'el-icon-star-'+(item.hasCollect?'on':'off')"></i>
@@ -137,9 +137,9 @@
 
 <script lang="ts">
 
-  import Vue from 'vue'
+import Vue from 'vue'
 
-  export default Vue.extend({
+export default Vue.extend({
     name: 'read',
     layout: 'my-pre',
     data() {
@@ -237,7 +237,7 @@
       //导出笔记
       download(item) {
 
-        console.info(item)
+        console.info('笔记内容：\n'+JSON.stringify(item,null,2))
         let ele = document.createElement('a')
         //设置下载文件名
         ele.download = `${this.$t('note.table.note_title')}.txt`
@@ -764,4 +764,8 @@ ${this.$t('note.table.note_content')}：${item.content}`])
     vertical-align: text-top;
   }
 
+  .icon-size {
+    font-size: 28px;
+  }
+
 </style>

pages/index/upload.vue

@@ -36,7 +36,9 @@
     </el-form-item>
     <el-form-item :label="$t('upload.form.summary')" prop="summary">
       <el-col :span="4">
-        <el-input autosize v-model="form.summary" type="textarea"
+        <el-input autosize v-model="form.summary" type="textarea" class="input-limit-count"
+                  :maxlength="512"
+                  show-word-limit
                   :placeholder="$t('input_please',{keyword:$t('upload.form.summary')})"></el-input>
       </el-col>
     </el-form-item>
@@ -89,9 +91,9 @@
 </template>
 
 <script lang="ts">
-  import Vue from 'vue'
+import Vue from 'vue'
 
-  export default Vue.extend({
+export default Vue.extend({
     name: 'upload',
     data() {
       let that=this
@@ -244,3 +246,9 @@
     }
   })
 </script>
+<style>
+.input-limit-count>span{
+  line-height: 25px;
+  bottom: 10px;
+}
+</style>