放大标签文本

上传论文摘要信息限长提示
master
pan 4 years ago
parent eccfb2e321
commit 8e7195a2a4
  1. 12
      pages/index/read.vue
  2. 14
      pages/index/upload.vue

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

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

Loading…
Cancel
Save