|
|
|
@ -21,21 +21,32 @@ class Guide extends Component {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
// 1366x768
|
|
|
|
|
// var mywidthone=7;
|
|
|
|
|
|
|
|
|
|
var mywidthone=0;
|
|
|
|
|
var mywidthone=0;
|
|
|
|
|
if(window.screen.width===1024){
|
|
|
|
|
mywidthone=1;
|
|
|
|
|
}
|
|
|
|
|
if(window.screen.width===1280){
|
|
|
|
|
else if(window.screen.width===1280){
|
|
|
|
|
mywidthone=2;
|
|
|
|
|
}
|
|
|
|
|
if(window.screen.width===1440){
|
|
|
|
|
else if(window.screen.width===1440){
|
|
|
|
|
mywidthone=3;
|
|
|
|
|
}
|
|
|
|
|
if(window.screen.width===1680){
|
|
|
|
|
else if(window.screen.width===1680){
|
|
|
|
|
mywidthone=4;
|
|
|
|
|
}
|
|
|
|
|
if(window.screen.width===1920){
|
|
|
|
|
else if(window.screen.width===1920){
|
|
|
|
|
mywidthone=5;
|
|
|
|
|
}
|
|
|
|
|
else if(window.screen.width===1366){
|
|
|
|
|
mywidthone=6;
|
|
|
|
|
}
|
|
|
|
|
else if(window.screen.width===1600){
|
|
|
|
|
mywidthone=7;
|
|
|
|
|
}
|
|
|
|
|
else{
|
|
|
|
|
mywidthone=5;
|
|
|
|
|
}
|
|
|
|
|
this.setState({
|
|
|
|
@ -54,8 +65,9 @@ class Guide extends Component {
|
|
|
|
|
render() {
|
|
|
|
|
let {page,mywidth}=this.state;
|
|
|
|
|
// console.log("屏幕宽度");
|
|
|
|
|
// console.log(window.screen.width);
|
|
|
|
|
// console.log(mywidth);
|
|
|
|
|
console.log(window.screen.width);
|
|
|
|
|
console.log(mywidth);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className="guide-shadow">
|
|
|
|
|
<style>
|
|
|
|
@ -70,14 +82,14 @@ class Guide extends Component {
|
|
|
|
|
{
|
|
|
|
|
page===1?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv11024":mywidth===2?"ysldiv11280":mywidth===3?"ysldiv11440":mywidth===4?"ysldiv11680":"ysldiv11900"} src={guihome1} onClick={(i)=>this.thissetPage(2)} />
|
|
|
|
|
<img className={mywidth===1?"ysldiv11024":mywidth===2?"ysldiv11280":mywidth===3?"ysldiv11440":mywidth===4?"ysldiv11680":mywidth===5?"ysldiv11900":mywidth===6?"ysldiv11366":mywidth===7?"ysldiv11600":"ysldiv11900"} src={guihome1} onClick={(i)=>this.thissetPage(2)} />
|
|
|
|
|
</div>
|
|
|
|
|
:""
|
|
|
|
|
}
|
|
|
|
|
{
|
|
|
|
|
page===2?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv21024":mywidth===2?"ysldiv21280":mywidth===3?"ysldiv21440":mywidth===4?"ysldiv21680":"ysldiv21900"} src={guihome2} onClick={(i)=>this.thissetPage(3)}/>
|
|
|
|
|
<img className={mywidth===1?"ysldiv21024":mywidth===2?"ysldiv21280":mywidth===3?"ysldiv21440":mywidth===4?"ysldiv21680":mywidth===5?"ysldiv21900":mywidth===6?"ysldiv21366":mywidth===7?"ysldiv21600":"ysldiv21900"} src={guihome2} onClick={(i)=>this.thissetPage(3)}/>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
@ -85,7 +97,7 @@ class Guide extends Component {
|
|
|
|
|
{
|
|
|
|
|
page===3?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv31024":mywidth===2?"ysldiv31280":mywidth===3?"ysldiv31440":mywidth===4?"ysldiv31680":"ysldiv31900"} src={guihome3} onClick={(i)=>this.thissetPage(4)}/>
|
|
|
|
|
<img className={mywidth===1?"ysldiv31024":mywidth===2?"ysldiv31280":mywidth===3?"ysldiv31440":mywidth===4?"ysldiv31680":mywidth===5?"ysldiv31900":mywidth===6?"ysldiv31366":mywidth===7?"ysldiv31600":"ysldiv31900"} src={guihome3} onClick={(i)=>this.thissetPage(4)}/>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
@ -93,7 +105,7 @@ class Guide extends Component {
|
|
|
|
|
{
|
|
|
|
|
page===4?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv41024":mywidth===2?"ysldiv41280":mywidth===3?"ysldiv41440":mywidth===4?"ysldiv41680":"ysldiv41900"} src={guihome4} onClick={(i)=>this.thissetPage(5)}/>
|
|
|
|
|
<img className={mywidth===1?"ysldiv41024":mywidth===2?"ysldiv41280":mywidth===3?"ysldiv41440":mywidth===4?"ysldiv41680":mywidth===5?"ysldiv41900":mywidth===6?"ysldiv41366":mywidth===7?"ysldiv41600":"ysldiv41900"} src={guihome4} onClick={(i)=>this.thissetPage(5)}/>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
@ -101,7 +113,7 @@ class Guide extends Component {
|
|
|
|
|
{
|
|
|
|
|
page===5?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv51024":mywidth===2?"ysldiv51280":mywidth===3?"ysldiv51440":mywidth===4?"ysldiv51680":"ysldiv51900"} src={guihome5} onClick={(i)=>this.thissetPage(6)}/>
|
|
|
|
|
<img className={mywidth===1?"ysldiv51024":mywidth===2?"ysldiv51280":mywidth===3?"ysldiv51440":mywidth===4?"ysldiv51680":mywidth===5?"ysldiv51900":mywidth===6?"ysldiv51366":mywidth===7?"ysldiv51600":"ysldiv51900"} src={guihome5} onClick={(i)=>this.thissetPage(6)}/>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
@ -109,7 +121,7 @@ class Guide extends Component {
|
|
|
|
|
{
|
|
|
|
|
page===6?
|
|
|
|
|
<div className="guide-content">
|
|
|
|
|
<img className={mywidth===1?"ysldiv61024":mywidth===2?"ysldiv61280":mywidth===3?"ysldiv61440":mywidth===4?"ysldiv61680":"ysldiv61900"} src={guihome6} onClick={(i)=>this.thissetPage(7)}/>
|
|
|
|
|
<img className={mywidth===1?"ysldiv61024":mywidth===2?"ysldiv61280":mywidth===3?"ysldiv61440":mywidth===4?"ysldiv61680":mywidth===5?"ysldiv61900":mywidth===6?"ysldiv61366":mywidth===7?"ysldiv61600":"ysldiv61900"} src={guihome6} onClick={(i)=>this.thissetPage(7)}/>
|
|
|
|
|
</div>
|
|
|
|
|
:
|
|
|
|
|
""
|
|
|
|
|