feat:图片轮播组件封装
This commit is contained in:
29
components/ImageSwiper/styles/index.scss
Normal file
29
components/ImageSwiper/styles/index.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
.image-swiper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.swiper-box {
|
||||
height: 167px;
|
||||
}
|
||||
|
||||
.thumbnail-box {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.thumbnail-item {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.thumbnail-item image {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.thumbnail-item text {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user