Browse Source

提交鼠标移出事件

release_0.0.4
wangyue 3 years ago
parent
commit
a1dfeddb1a
  1. 3
      web/client/src/sections/quanju/containers/footer/leadership/centerleft/daolu.js
  2. 2
      web/client/src/sections/quanju/containers/footer/leadership/centerleft/handong.js
  3. 2
      web/client/src/sections/quanju/containers/footer/leadership/centerleft/qiqoliang.js
  4. 5
      web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js
  5. 2
      web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js
  6. 2
      web/client/src/sections/quanju/containers/footer/leadership/right/right-top.js

3
web/client/src/sections/quanju/containers/footer/leadership/centerleft/daolu.js

@ -39,7 +39,8 @@ const Right = (props) => {
height: "20px", position: "relative", width: "100%", color: "#FFFFFF", marginTop: index == 0 ? "4px" : "5px", listStyle: "none", fontSize: "14px" height: "20px", position: "relative", width: "100%", color: "#FFFFFF", marginTop: index == 0 ? "4px" : "5px", listStyle: "none", fontSize: "14px"
}} onMouseEnter={() => { }} onMouseEnter={() => {
setBeijing(index) setBeijing(index)
// console.log(beijing); }} onMouseLeave={() => {
setBeijing()
}}> }}>
{beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""}
{beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""}

2
web/client/src/sections/quanju/containers/footer/leadership/centerleft/handong.js

@ -40,6 +40,8 @@ const Right = (props) => {
}} onMouseEnter={() => { }} onMouseEnter={() => {
setBeijing(index) setBeijing(index)
// console.log(beijing); // console.log(beijing);
}} onMouseLeave={() => {
setBeijing()
}}> }}>
{beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""}
{beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""}

2
web/client/src/sections/quanju/containers/footer/leadership/centerleft/qiqoliang.js

@ -39,6 +39,8 @@ const Right = (props) => {
}} onMouseEnter={() => { }} onMouseEnter={() => {
setBeijing(index) setBeijing(index)
// console.log(beijing); // console.log(beijing);
}} onMouseLeave={() => {
setBeijing()
}}> }}>
{beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/shezhi.png' style={{ width: "2%", height: "80%", position: "absolute", top: "12%", left: "6%" }} /> : ""}
{beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/lan.png' style={{ width: "100%", height: "120%", position: "absolute", right: "5%" }} /> : ""}

5
web/client/src/sections/quanju/containers/footer/leadership/left/left-center.js

@ -74,11 +74,14 @@ const Leftcenter = () => {
list.map((item, index) => { list.map((item, index) => {
return index + 1 == num ? return index + 1 == num ?
<div style={{ width: "100%", height: "100%", position: "relative" }}> <div style={{ width: "100%", height: "100%", position: "relative" }}>
<img style={{ width: "100%", position: "absolute", bottom: "5%" }} src={item.img} /> <img style={{ width: "100%", position: "absolute", bottom: "5%" }} src={item.img} />
<p style={{ <p style={{
width: "100%", height: "3vh", position: "absolute", bottom: "3%", width: "100%", height: "3vh", position: "absolute", bottom: "3%",
backgroundColor: "rgba(0,0,0,0.26)", lineHeight: "3vh", textAlign: "" backgroundColor: "rgba(0,0,0,0.26)", lineHeight: "3vh", textAlign: ""
}}><span style={{ marginLeft: "13%", color: "#FFFFFF", fontSize: "12px", fontFamily: "PingFangSC-Regular, PingFang SC", fontWeight: 400 }}>{item.name}</span></p> }}>
<img src='/assets/images/leadership/weizhis.png' style={{ width: "5%", height: "60%", marginLeft: "3%" }} />
<span style={{ marginLeft: "3%", color: "#FFFFFF", fontSize: "12px", fontFamily: "PingFangSC-Regular, PingFang SC", fontWeight: 400 }}>{item.name}</span></p>
</div> : "" </div> : ""
}) })

2
web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js

@ -27,6 +27,8 @@ const Rightbottom = (props) => {
return <li style={{ width: "100%", height: "3vh", marginTop: "5px", position: "relative", }} onMouseEnter={() => { return <li style={{ width: "100%", height: "3vh", marginTop: "5px", position: "relative", }} onMouseEnter={() => {
setBeijing(index) setBeijing(index)
// console.log(beijing); // console.log(beijing);
}} onMouseLeave={() => {
setBeijing()
}}> }}>
{beijing == index ? <img src='/assets/images/leadership/bei.png' style={{ width: "100%", height: "100%", position: "absolute" }} /> : ""} {beijing == index ? <img src='/assets/images/leadership/bei.png' style={{ width: "100%", height: "100%", position: "absolute" }} /> : ""}
<div style={{ width: "30%", height: "100%", textAlign: "center", lineHeight: "3vh", fontSize: "14px", color: beijing == index ? "#FFFFFF" : "rgba(216,240,255,0.8000)", position: "absolute" }}>{item.licensePlate}</div> <div style={{ width: "30%", height: "100%", textAlign: "center", lineHeight: "3vh", fontSize: "14px", color: beijing == index ? "#FFFFFF" : "rgba(216,240,255,0.8000)", position: "absolute" }}>{item.licensePlate}</div>

2
web/client/src/sections/quanju/containers/footer/leadership/right/right-top.js

@ -56,6 +56,8 @@ const Righttop = () => {
<li className={index} style={{ height: "20px", position: "relative", width: "100%", color: "#FFFFFF", marginTop: index == 0 ? "4px" : "5px", listStyle: "none", fontSize: "14px" }} onMouseEnter={() => { <li className={index} style={{ height: "20px", position: "relative", width: "100%", color: "#FFFFFF", marginTop: index == 0 ? "4px" : "5px", listStyle: "none", fontSize: "14px" }} onMouseEnter={() => {
// setTu(item.img); // setTu(item.img);
setNum(index); setNum(index);
}} onMouseLeave={() => {
setNum()
}}> }}>
{num == index ? <img src='/assets/images/leadership/red.png' style={{ width: "100%", height: "120%", position: "absolute", }} /> : ""} {num == index ? <img src='/assets/images/leadership/red.png' style={{ width: "100%", height: "120%", position: "absolute", }} /> : ""}
{num == index ? <img src='/assets/images/leadership/wangluo.png' style={{ width: "5%", height: "100%", position: "absolute", left: "-0.5%", top: "20%" }} /> : ""} {num == index ? <img src='/assets/images/leadership/wangluo.png' style={{ width: "5%", height: "100%", position: "absolute", left: "-0.5%", top: "20%" }} /> : ""}

Loading…
Cancel
Save