Skip to content

G
gs1
Commit 894efa72 by 林家欣
Options

fix: 修改底部箭头拉伸问题

parent b6d6b1c7
Showing with 43 additions and 20 deletions
src/components/layout/header/HeaderBtn.vue
...@@ -28,3 +28,12 @@ export default { ...@@ -28,3 +28,12 @@ export default {
}, },
} }
</script> </script>
<style lang="scss">
.header-btn{
button{
&:hover{
background: #CC3C0F;
}
}
}
</style>
src/views/Home/index.vue
...@@ -1168,36 +1168,36 @@ export default { ...@@ -1168,36 +1168,36 @@ export default {
&.slick-prev { &.slick-prev {
left: 0; left: 0;
&::before { &::before {
background: url("../../assets/image/home/prevArrow-default.png") background: url("../../assets/image/home/prevArrow-hover.png")
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ""; content: "";
} }
&:hover { // &:hover {
&::before { // &::before {
background: url("../../assets/image/home/prevArrow-hover.png") // background: url("../../assets/image/home/prevArrow-hover.png")
no-repeat; // no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
} // }
} }
&.slick-next { &.slick-next {
right: 0; right: 0;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
&::before { &::before {
background: url("../../assets/image/home/nextArrow-default.png") background: url("../../assets/image/home/nextArrow-hover.png")
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
content: ""; content: "";
} }
&:hover { // &:hover {
&::before { // &::before {
background: url("../../assets/image/home/nextArrow-hover.png") // background: url("../../assets/image/home/nextArrow-hover.png")
no-repeat; // no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
} // }
} // }
} }
img { img {
vertical-align: middle; vertical-align: middle;
...@@ -1262,6 +1262,9 @@ export default { ...@@ -1262,6 +1262,9 @@ export default {
&::before { &::before {
width: 9px; width: 9px;
height: 14px; height: 14px;
// background: url("../../assets/image/home/prevArrow-hover.png")
// no-repeat;
// background-size: 100% 100%;
} }
} }
&.slick-next { &.slick-next {
...@@ -1269,6 +1272,9 @@ export default { ...@@ -1269,6 +1272,9 @@ export default {
&::before { &::before {
width: 9px; width: 9px;
height: 14px; height: 14px;
// background: url("../../assets/image/home/nextArrow-hover.png")
// no-repeat;
// background-size: 100% 100%;
} }
} }
img { img {
...@@ -1285,15 +1291,23 @@ export default { ...@@ -1285,15 +1291,23 @@ export default {
height: 50px; height: 50px;
margin: 0 10px; margin: 0 10px;
&.slick-prev { &.slick-prev {
// position: relative;
&::before { &::before {
width: 10px; width: 24px;
height: 18px; height: 50px;
background: url("../../assets/image/home/prevArrow-hover2.png")
no-repeat;
background-size: 100% 100%;
} }
} }
&.slick-next { &.slick-next {
// position: relative;
&::before { &::before {
width: 10px; width: 24px;
height: 18px; height: 50px;
background: url("../../assets/image/home/nextArrow-hover2.png")
no-repeat;
background-size: 100% 100%;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment