Skip to content

G
gs1
Commit c141b41f by Lyan
Options

首页轮播按钮样式更改

parent 1f8ce75f
Showing with 16 additions and 9 deletions
src/views/Home/index.vue
...@@ -1603,15 +1603,16 @@ export default { ...@@ -1603,15 +1603,16 @@ export default {
&:hover{ &:hover{
border: 1.5px solid #0E2C6B; border: 1.5px solid #0E2C6B;
box-shadow: 0px 3px 6px 0px rgba(14,44,107,0.21); box-shadow: 0px 3px 6px 0px rgba(14,44,107,0.21);
} }
&.slick-prev { &.slick-prev {
justify-content: center; justify-content: center;
top: auto; top: auto;
bottom: 31px; bottom: 25px;
transform: translate(0, 0); transform: translate(-68px, 0);
// left: 76%!important; // left: 76%!important;
left: auto!important; left: auto!important;
right: 22%!important; right: 17.1%!important;
&::before { &::before {
width: 24px; width: 24px;
height: 24px; height: 24px;
...@@ -1619,6 +1620,9 @@ export default { ...@@ -1619,6 +1620,9 @@ export default {
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
&:hover{
transform: translate(-68px,-6px);
}
} }
&.slick-next { &.slick-next {
...@@ -1627,12 +1631,12 @@ export default { ...@@ -1627,12 +1631,12 @@ export default {
bottom: 25px; bottom: 25px;
transform: translate(0, 0); transform: translate(0, 0);
right: 17.1%!important; right: 17.1%!important;
@media screen and (max-width: 1200px) { // @media screen and (max-width: 1200px) {
right: 15%!important; // right: 15%!important;
} // }
@media screen and (max-width: 920px) { // @media screen and (max-width: 920px) {
right: 10%!important; // right: 10%!important;
} // }
&::before { &::before {
width: 24px; width: 24px;
height: 24px; height: 24px;
...@@ -1640,6 +1644,9 @@ export default { ...@@ -1640,6 +1644,9 @@ export default {
no-repeat; no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
&:hover{
transform: translate(0,-6px);
}
} }
} }
......
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