dev_cs_new
杨树明 6 years ago
parent 5606641d80
commit 040e2843a2

@ -11,7 +11,7 @@ import Leftdialogue from './Leftdialogue'
class MessagChat extends Component{ class MessagChat extends Component{
constructor(props) { constructor(props) {
super(props); super(props);
this.messageRef = React.createRef();
this.state={ this.state={
isSpin:false, isSpin:false,
isSpins:false, isSpins:false,
@ -25,7 +25,6 @@ class MessagChat extends Component{
mypagey:20, mypagey:20,
messages:[], messages:[],
objc:[], objc:[],
} }
} }
componentDidMount(){ componentDidMount(){
@ -59,6 +58,15 @@ class MessagChat extends Component{
this.messageList.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0; this.messageList.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0;
} }
contentViewScrolltop=(e)=>{
if(e.currentTarget.scrollHeight===0){
}
}
// 滑动刷新 // 滑动刷新
contentViewScrolledit=(e)=>{ contentViewScrolledit=(e)=>{
@ -74,10 +82,10 @@ class MessagChat extends Component{
// }) // })
} }
//滑动到顶部 //滑动到顶部
console.log("滑动到顶部判断"); // console.log("滑动到顶部判断");
console.log(e.currentTarget.clientHeight); // console.log(e.currentTarget.clientHeight);
console.log(e.currentTarget.scrollTop); // console.log(e.currentTarget.scrollTop);
console.log(e.currentTarget.scrollHeight); // console.log(e.currentTarget.scrollHeight);
// if(e.currentTarget.scrollHeight+e.currentTarget.scrollTop===e.currentTarget.clientHeight){ // if(e.currentTarget.scrollHeight+e.currentTarget.scrollTop===e.currentTarget.clientHeight){
// console.log("滑动到顶部判断"); // console.log("滑动到顶部判断");
// //
@ -325,10 +333,11 @@ class MessagChat extends Component{
} }
datas.push(datays); datas.push(datays);
//颠倒数组 //颠倒数组
console.log(datas);
this.setState({ this.setState({
messages: datas, messages: datas,
}) })
this.messageRef.current.setValue('')
} }
}) })
.catch(function (error) { .catch(function (error) {
@ -405,6 +414,7 @@ class MessagChat extends Component{
</p> </p>
{/*聊天页面*/} {/*聊天页面*/}
<div className="dialogPanel" <div className="dialogPanel"
onScroll={this.contentViewScrolltop}
ref={(div) => { ref={(div) => {
this.messageList = div; this.messageList = div;
}}> }}>
@ -460,7 +470,7 @@ class MessagChat extends Component{
<TPMMDEditor ref={this.messageRef} <TPMMDEditor ref={this.messageRef}
placeholder={'请输入您的回复'} placeholder={'请输入您的回复'}
watch={false} watch={false}
initValue={""} initValue={''}
mdID={'courseMessageMD'} mdID={'courseMessageMD'}
className="courseMessageMD" className="courseMessageMD"
height={200} height={200}

Loading…
Cancel
Save