<view class="videoBox">
<video id="myVideo" class="myVideo" src="http://www.wzbbh.top/1.mp4" enable-danmu danmu-btn :danmu-list="danmuList">
</video>
</view>
<view class="inpBox" :style="{'bottom':keyHei}">
<input type="text" placeholder="我来说两句..." v-model="inpTalk" :adjust-position="false" @confirm="confirm">
<view id="send" @click="send">
<view>{{sendInpText}}</view>
</view>
</view>
style :
.videoBox{
width: 100%;
height: 400rpx;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
color: white;
font-size: 28rpx;
.myVideo{
width: 750rpx;
height: 400rpx;
// object-fit: fill;
}
}
.inpBox{
width: 100%;
height: 100rpx;
background-color: #F5F5F5;
position: fixed;
// bottom: 0;
left: 0;
display: flex;
align-items: center;
padding: 0rpx 24rpx;
box-sizing: border-box;
justify-content: space-between;
input{
flex: 1;
height: 60rpx;
display: flex;
align-items: center;
font-size: 28rpx;
border-radius:32rpx;
padding-left: 24rpx;
background: white;
margin-right: 24rpx;
}
}
.inpBox image{
width: 40rpx;
height: 40rpx;
position: absolute;
right:36rpx;
top: 30rpx;
}
send{
height: 52rpx;
display: flex;
justify-content: flex-end;
}
#send view{
width: 100rpx;
height: 52rpx;
background: #D0332A;
border-radius: 6rpx;
display: flex;
justify-content:center;
align-items: center;
color: white;
font-size:32rpx;
} 
1 个回复
DCloud_UNI_Anne
您报bug/咨询问题的姿势好像不对哦，详情https://ask.dcloud.net.cn/article/38139