|
@@ -114,23 +114,7 @@ export default {
|
|
|
height: calc(100% - 50px);
|
|
|
width: 100%;
|
|
|
overflow-y: auto;
|
|
|
- // &::-webkit-scrollbar {
|
|
|
- // /*滚动条整体样式*/
|
|
|
- // width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
- // height: 1px;
|
|
|
- // }
|
|
|
- // &::-webkit-scrollbar-thumb {
|
|
|
- // /*滚动条里面小方块*/
|
|
|
- // border-radius: 10px;
|
|
|
- // -webkit-box-shadow: inset 0 0 5px transparent;
|
|
|
- // background: #ccc;
|
|
|
- // }
|
|
|
- // &::-webkit-scrollbar-track {
|
|
|
- // /*滚动条里面轨道*/
|
|
|
- // -webkit-box-shadow: inset 0 0 5px transparent;
|
|
|
- // border-radius: 10px;
|
|
|
- // background: transparent;
|
|
|
- // }
|
|
|
+
|
|
|
.imgBox {
|
|
|
height: 80vh;
|
|
|
position: relative;
|
|
@@ -189,4 +173,36 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+@media screen and (min-width: 1200px) {
|
|
|
+ .Home {
|
|
|
+ .main {
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 1px;
|
|
|
+ }
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ /*滚动条里面小方块*/
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 5px transparent;
|
|
|
+ background: #ccc;
|
|
|
+ }
|
|
|
+ &::-webkit-scrollbar-track {
|
|
|
+ /*滚动条里面轨道*/
|
|
|
+ -webkit-box-shadow: inset 0 0 5px transparent;
|
|
|
+ border-radius: 10px;
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+ .imgBox {
|
|
|
+ .warpper {
|
|
|
+ .swiper-wrapper {
|
|
|
+ img {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|