<view class="mask" :style="{
position: 'fixed',
width: screenWidth + 'px',
height: `${screenHeight - (screenWidth / 750) * 1000}px`
}" v-if="inputStatus" @click="clickMask"></view>
<view class="mask" :style="{
position: 'absolute',
width: screenWidth + 'px',
height: `${screenHeight - inputHeihgt}px`
}" v-if="inputStatus" @click="clickMask"></view>
<view class="replyInput" :style="{bottom: inputHeihgt,position: 'absolute'}">
<view class="content">
<textarea class="textarea" @focus="focus" :cursor-spacing="0" :focus="inputStatus" auto-height
:adjust-position="false" @blur="blur" name="" v-model="reply.content" id="" cols="20" rows="1"
:show-confirm-bar="false" :maxlength="200" :placeholder="reply.parentName?`回复${reply.parentName}`:''" />
</view>
<!-- <view v-if="inputStatus" class="funBtn"> -->
<view class="funBtn">
<text class="btn" @touchend.prevent="sendComment()">
发送
</text>
</view>
</view>
两个遮罩层是因为开始都是用fixed或者absolute是可以将输入框显示出来的,但是后面调试了几下就显示不出来了一直被遮罩层覆盖输入框的z-index设置也是高于遮罩层的
0 个回复