|
|
@@ -116,7 +116,7 @@
|
|
|
@close="closeCommentHandle"
|
|
|
@clickOverlay="isShowComment=false"
|
|
|
>
|
|
|
- <view class="comment-cont" catchtouchmove="return">
|
|
|
+ <view class="comment-cont" @touchmove.stop>
|
|
|
<view class="commment-top">
|
|
|
<text class="title">{{comment_obj.title}} {{comment_obj.total}}</text>
|
|
|
<view class="comment-top-right">
|
|
|
@@ -137,23 +137,18 @@
|
|
|
<image src="@/static/nodata.png"></image>
|
|
|
<view>暂无评论</view>
|
|
|
</view>
|
|
|
- <view class="write-wrap">
|
|
|
+ <view class="write-wrap" :style="{bottom: writeBottom+'px'}">
|
|
|
<textarea
|
|
|
v-model="comment_cont"
|
|
|
placeholder="发布一条友善的评论"
|
|
|
auto-height
|
|
|
+ :adjust-position="false"
|
|
|
:show-confirm-bar="false"
|
|
|
:cursor-spacing="20"
|
|
|
class="write-ipt"
|
|
|
@focus="checkNickHandle"
|
|
|
+ @blur="setWritePosition(50)"
|
|
|
/>
|
|
|
- <!-- <input
|
|
|
- v-model="message"
|
|
|
- class="write-ipt"
|
|
|
- placeholder="发布一条友善的评论"
|
|
|
- confirm-type="send"
|
|
|
- :cursor-spacing="20"
|
|
|
- /> -->
|
|
|
<view class="confirm-btn" @click="publishMessageHandle">发布</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -192,6 +187,7 @@ export default {
|
|
|
|
|
|
isShowComment: false,
|
|
|
comment_cont: '',
|
|
|
+ writeBottom: 50,
|
|
|
select_comment_type:1,//默认精选
|
|
|
select_question_item: {},
|
|
|
comment_obj: {
|
|
|
@@ -354,8 +350,15 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
|
|
|
+ setWritePosition(val=50) {
|
|
|
+ console.log(val)
|
|
|
+ this.writeBottom = val < 50 ? 50 : val;
|
|
|
+ },
|
|
|
+
|
|
|
/* 校验昵称状态*/
|
|
|
- async checkNickHandle() {
|
|
|
+ async checkNickHandle(e) {
|
|
|
+ this.setWritePosition(e.detail.height);
|
|
|
+
|
|
|
const { data,code } = await apiCheckNick();
|
|
|
|
|
|
if(code !== 200) return
|
|
|
@@ -606,7 +609,7 @@ page {
|
|
|
padding: 0 24rpx;
|
|
|
border-top: 4rpx solid #F4F4F4;
|
|
|
position: absolute;
|
|
|
- bottom: 100rpx;
|
|
|
+ // bottom: 50px;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
display: flex;
|
