@@ -73,13 +73,12 @@
.desc {
transform: scale(0.5);
width: 200%;
- font-size: 14px;
+ font-size: 21px;
font-family: Source Han Sans CN;
font-weight: 300;
color: #959595;
- line-height: 16px;
+ line-height: 26px;
text-align: center;
- padding: 0 10px;
}
.mb {
margin-bottom: 50px;
diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index 2c8feb3..18ee132 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -55,6 +55,8 @@ const nextSwiper = () => {
width: 100vw;
height: 126vw;
position: relative;
+ border-bottom-right-radius: 14px;
+ border-bottom-left-radius: 14px;
.swiper-button-prev {
background: url(../static/img/banner/left.png) no-repeat;
background-size: 100% 100%;
diff --git a/src/style.scss b/src/style.scss
index 6020fe5..deb7acd 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -25,6 +25,9 @@
.mySwiper {
position: relative;
+ border-bottom-right-radius: 14px;
+ border-bottom-left-radius: 14px;
+ overflow: hidden;
.swiper-pagination {
.swiper-pagination-bullet {
width: 3px;