效果:
代码:
<view class="comment" style="bottom:{{bottom}}px">
<view class="emoji_block" wx:if='{{emoji_block_show}}'>
<view wx:for='{{connectemoji}}' catchtap="add_biaoqing" id="{{item}}" class="emoji" wx:key=''>{{item}}</view>
</view>
<view class="comment_footer">
<view class="biaoqing" catchtap="emoji_block_show">😊</view>
<input placeholder=""
bindfocus="inputFocus"
bindblur="inputBlur" adjust-position="{{false}}" bindinput="input" value='{{txt}}'></input>
<!-- <image class="upImg" catchtap="upLoad" src="/images/upImg.png"></image> -->
<button bindtap="sendOut">发送</button>
</view>
</view>
.comment {
width: 100%;
z-index: 3;
position: absolute;
bottom: 0;
z-index: 222;
background: #fff;
}
inputFocus (e) {
this.setData({bottom: e.detail.height})
},
inputBlur () {
this.setData({bottom: 0})
},