讨论显示字数

This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-04-30 16:37:35 +08:00
parent a4d97e2ad2
commit 39475bc8bb
20 changed files with 125 additions and 78 deletions

View File

@@ -6,7 +6,7 @@
<div class="text">编辑评论</div>
<div class="input-box">
<div class="top flexflex">
<textarea ref="editInputRef" class="input-textarea flex1" maxlength="500" v-model="editInput" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste" placeholder="说说你的想法或疑问…"></textarea>
<textarea ref="editInputRef" class="input-textarea flex1" maxlength="1000" v-model="editInput" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste" placeholder="说说你的想法或疑问…"></textarea>
</div>
<div class="picture-box" v-if="editPicture.url">
<div class="picture">
@@ -29,6 +29,7 @@
<span class="file-hint">最多可上传1张图片支持在输入框中直接粘贴图片</span>
</div>
</div>
<div class="numberwords" style="margin: 0;" v-if="editInput">{{ editInput.length }}/1000</div>
</div>
</div>
<div class="btn-list flexacenter">
@@ -44,7 +45,7 @@
<div class="input-box">
<div class="top flexflex">
<img class="avatar" v-if="user.avatar" :src="user.avatar" />
<textarea class="input-textarea flex1" maxlength="500" v-model="inputTextarea" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste" placeholder="说说你的看法…"></textarea>
<textarea class="input-textarea flex1" maxlength="1000" v-model="inputTextarea" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste" placeholder="说说你的看法…"></textarea>
</div>
<div class="picture-box" v-if="picture.url">
<div class="picture">
@@ -67,7 +68,10 @@
<span class="file-hint">最多可上传1张图片支持在输入框中直接粘贴图片</span>
</div>
</div>
<div class="btn" @click="submitAnswerComments()">发送</div>
<div class="flexacenter">
<div class="numberwords" v-if="inputTextarea">{{ inputTextarea.length }}/1000</div>
<div class="btn" @click="submitAnswerComments()">发送</div>
</div>
</div>
</div>
@@ -116,7 +120,7 @@
<div class="input-box" v-if="item['childState']">
<img class="cross" @click="closeAnswerCommentsChild(index)" src="/img/cross-icon.png" />
<div class="top flexflex">
<textarea class="input-textarea flex1" maxlength="500" placeholder="说说你的看法…" v-model="item['commentInput']" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste($event, index)"></textarea>
<textarea class="input-textarea flex1" maxlength="1000" placeholder="说说你的看法…" v-model="item['commentInput']" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste($event, index)"></textarea>
</div>
<div class="picture-box" v-if="item.picture?.url">
<div class="picture">
@@ -138,7 +142,10 @@
<span class="file-hint">最多可上传1张图片支持在输入框中直接粘贴图片</span>
</div>
</div>
<div class="btn" @click="submitAnswerComments(index)">发送</div>
<div class="flexacenter">
<div class="numberwords" v-if="item['commentInput']">{{ item.commentInput.length }}/1000</div>
<div class="btn" @click="submitAnswerComments(index)">发送</div>
</div>
</div>
</div>
</div>
@@ -192,7 +199,7 @@
<div class="input-box" v-if="ite['childState']">
<img class="cross" @click="closeAnswerCommentsChild(index)" src="/img/cross-icon.png" />
<div class="top flexflex">
<textarea class="input-textarea flex1" maxlength="500" v-model="ite['commentInput']" :placeholder="'回复“' + (ite['nickname'] || '匿名用户') + '”:'" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste($event, index, i)"></textarea>
<textarea class="input-textarea flex1" maxlength="1000" v-model="ite['commentInput']" :placeholder="'回复“' + (ite['nickname'] || '匿名用户') + '”:'" @focus="judgeLogin" @input="autoResize" @paste="handleInputPaste($event, index, i)"></textarea>
</div>
<div class="picture-box" v-if="ite.picture?.url">
<div class="picture">
@@ -214,7 +221,10 @@
<span class="file-hint">最多可上传1张图片支持在输入框中直接粘贴图片</span>
</div>
</div>
<div class="btn" @click="submitAnswerComments(index, i)">发送</div>
<div class="flexacenter">
<div class="numberwords" v-if="ite['commentInput']">{{ ite.commentInput.length }}/1000</div>
<div class="btn" @click="submitAnswerComments(index, i)">发送</div>
</div>
</div>
</div>
</div>