效果实现js代码：importReact,{Component}from'react';从'nuka-carousel'导入旋转木马；导入“./largePreview.scss”；constIndex=props=>{返回props.visible?<大特权{...props}/>:null;};/***@param{Array}pics图片数组[{img:''},{img:''}]*@param{boolean}visible是否显示大图图片预览*@param{number}currentIndex为当前图片编号，数组下标*@param{function}close关闭当前图片预览*/classLargePriviewextendsComponent{constructor(props){super(props);this.state={screenHeight:'100%',currentIndex:1,toggleBarHeight:0,pics:[]};}componentWillMount=()=>{if(navigator.userAgent.indexOf('cheshangtong')>-1){this.setState({pics:JSON.parse(WBCST.getParamFromUrl('pic')),currentIndex:Number(WBCST.getParamFromUrl('index'))});}else{this.setState({图片：this.props.location.param.pic,currentIndex:this.props.location.param.index});}WBCST.toggleTitlePanel({hideNavBar:true,bounces:0,statusBarStyle:'light'},data=>{this.setState({toggleBarHeight:data.toggleBarHeight});});};componentDidMount(){constscreenHeight=(document&&document.body.clientHeight)||'100%';this.setState({screenHeight});}screenHeight=()=>{constscreenHeight=(document&&document.body.clientHeight)||'100%';让clientWidth=document.querySelector('body').offsetWidth;const{toggleBarHeight}=this.state;让height=toggleBarHeight>50？toggleBarHeight:toggleBarHeight+(45/375)*clientWidth;返回screenHeight-高度；};handleImgClick(show,index){this.setState({currentIndex:index});}handleTop=()=>{const{toggleBarHeight}=this.state;让clientWidth=document.querySelector('body').offsetWidth;让top=toggleBarHeight>50？toggleBarHeight-(45/375)*clientWidth:toggleBarHeight;返回顶部；};render(){const{screenHeight,currentIndex,pics}=this.state;返回(float">
