|
@@ -904,6 +904,7 @@ export default class Index extends Component {
|
904
|
904
|
</Block>
|
905
|
905
|
)
|
906
|
906
|
}
|
|
907
|
+ // 开始播放
|
907
|
908
|
plagVideo () {
|
908
|
909
|
let videoContext = wx.createVideoContext('myVideo')
|
909
|
910
|
console.log()
|
|
@@ -914,29 +915,25 @@ export default class Index extends Component {
|
914
|
915
|
}
|
915
|
916
|
|
916
|
917
|
onPlay () {
|
917
|
|
-
|
918
|
|
- console.log()
|
|
918
|
+ console.log()
|
919
|
919
|
this.setState({
|
920
|
920
|
videoPlayShow: 'none'
|
921
|
921
|
})
|
922
|
|
-
|
923
|
922
|
}
|
924
|
923
|
|
925
|
924
|
onPause () {
|
926
|
|
-
|
927
|
925
|
this.setState({
|
928
|
926
|
videoPlayShow: 'flex'
|
929
|
927
|
})
|
930
|
|
-
|
931
|
928
|
}
|
932
|
929
|
|
|
930
|
+
|
933
|
931
|
renderVideo () {
|
934
|
932
|
const {videoPlayShow} = this.state
|
935
|
933
|
const { projectDetail } = this.props
|
936
|
934
|
const { videoImage } = projectDetail
|
937
|
935
|
const imgSrc = videoImage[0].url
|
938
|
936
|
|
939
|
|
-
|
940
|
937
|
return (
|
941
|
938
|
<View
|
942
|
939
|
className="pro__banner"
|
|
@@ -954,29 +951,27 @@ export default class Index extends Component {
|
954
|
951
|
id='myVideo'
|
955
|
952
|
controls={false}
|
956
|
953
|
// autoplay={false}
|
957
|
|
-
|
958
|
954
|
// initialTime='0'
|
959
|
|
-
|
960
|
955
|
// loop={false}
|
961
|
956
|
// muted={false}
|
|
957
|
+
|
962
|
958
|
show-mute-btn='true'
|
963
|
959
|
onPlay={this.onPlay}
|
964
|
960
|
show-center-play-btn='false'
|
965
|
961
|
onPause= {this.onPause}
|
966
|
|
- // show-center-play-btn= 'f'
|
|
962
|
+
|
967
|
963
|
></Video>
|
968
|
964
|
<Button className='pro__banner-btn' onClick={this.plagVideo} style={{ display: videoPlayShow }}>
|
969
|
965
|
<Image src={require('@assets/play.png')} mode='scaleToFill' className='pro__banner-btn-img'></Image>
|
970
|
966
|
</Button>
|
971
|
967
|
|
972
|
|
- {/* <Button className='pro__banner-btn' onClick={this.plagVideo} style={{ display: videoPlayShow }}>
|
973
|
|
- <Image src={require('@assets/play.png')} mode='scaleToFill' className='pro__banner-btn-img'></Image>style={{ display: posterShow }}
|
974
|
|
- </Button>
|
975
|
|
-
|
976
|
|
- <Button className='pro__banner-btn' onClick={this.plagVideo} style={{ display: videoPlayShow }}>
|
977
|
|
- <Image src={require('@assets/play.png')} mode='scaleToFill' className='pro__banner-btn-img'></Image>
|
978
|
|
- </Button> */}
|
979
|
|
-
|
|
968
|
+ {/* <View className='pro__banner-voice' onClick={this.plagVideo} >
|
|
969
|
+ <Image src={require('@assets/voice.png')} mode='scaleToFill ' className='pro__banner-voice-img'></Image>
|
|
970
|
+ </View> */}
|
|
971
|
+{/*
|
|
972
|
+ <View className='pro__banner-extend' onClick={this.fullScreen} >
|
|
973
|
+ <Image src={require('@assets/extend.png')} mode='scaleToFill ' className='pro__banner-extend-img'></Image>
|
|
974
|
+ </View> */}
|
980
|
975
|
|
981
|
976
|
</View>
|
982
|
977
|
)
|
|
@@ -988,8 +983,6 @@ export default class Index extends Component {
|
988
|
983
|
})
|
989
|
984
|
}
|
990
|
985
|
|
991
|
|
-
|
992
|
|
-
|
993
|
986
|
render() {
|
994
|
987
|
const { posterStatus, posterData, loaded, btnstate } = this.state
|
995
|
988
|
const { projectDetail } = this.props
|
|
@@ -1023,7 +1016,6 @@ export default class Index extends Component {
|
1023
|
1016
|
|
1024
|
1017
|
{btnstate === 1 && projectDetail.videoUrl != null && this.renderVideo()}
|
1025
|
1018
|
|
1026
|
|
-
|
1027
|
1019
|
{btnstate === 1 && projectDetail.videoUrl != null && (<View className='media-btn'>
|
1028
|
1020
|
<View className='video-btn' style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }} >视频</View>
|
1029
|
1021
|
<View className='img-btn' onClick={() => this.setState({ btnstate: 0 })}>图片</View>
|
|
@@ -1034,13 +1026,11 @@ export default class Index extends Component {
|
1034
|
1026
|
<View className='img-btn' style={{ background: ' rgba(187, 156, 121, 1)', color: 'rgba(255, 255, 255, 1)' }}>图片</View>
|
1035
|
1027
|
</View>)}
|
1036
|
1028
|
|
1037
|
|
-
|
1038
|
1029
|
<ScrollView
|
1039
|
1030
|
enableBackToTop
|
1040
|
1031
|
className="wrap"
|
1041
|
1032
|
scrollY>
|
1042
|
1033
|
<View className='detail__main'>
|
1043
|
|
-
|
1044
|
1034
|
{/* 详情 */}
|
1045
|
1035
|
<View className='base-info'>
|
1046
|
1036
|
<View className='project__infor'>
|
|
@@ -1098,12 +1088,10 @@ export default class Index extends Component {
|
1098
|
1088
|
<Text className="label">物业费:</Text>{projectDetail.serviceFee || '暂无'}</View>
|
1099
|
1089
|
</View>
|
1100
|
1090
|
|
1101
|
|
-
|
1102
|
1091
|
{/* <View className='row'>
|
1103
|
1092
|
<Text className="label">装修标准:</Text>{projectDetail.decoration || '暂无'}
|
1104
|
1093
|
</View> */}
|
1105
|
1094
|
|
1106
|
|
-
|
1107
|
1095
|
{/* 围观人数 */}
|
1108
|
1096
|
<View className='watch__people__num'>
|
1109
|
1097
|
<View className='top__txt'>{total}人围观</View>
|