|
@@ -36,7 +36,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 左右箭头 -->
|
|
<!-- 左右箭头 -->
|
|
|
- <template v-if="!isMobile">
|
|
|
|
|
|
|
+ <template>
|
|
|
<div @click="cutMyInd(-1, myInd === 0)" class="leftJJ awccJJ" :class="{ noClick: myInd === 0 }" v-if="data[myType] && data[myType].length > 1"></div>
|
|
<div @click="cutMyInd(-1, myInd === 0)" class="leftJJ awccJJ" :class="{ noClick: myInd === 0 }" v-if="data[myType] && data[myType].length > 1"></div>
|
|
|
<div @click="cutMyInd(1, myInd === data[myType].length - 1)" class="rightJJ awccJJ" :class="{ noClick: myInd === data[myType].length - 1 }" v-if="data[myType] && data[myType].length > 1"></div>
|
|
<div @click="cutMyInd(1, myInd === data[myType].length - 1)" class="rightJJ awccJJ" :class="{ noClick: myInd === data[myType].length - 1 }" v-if="data[myType] && data[myType].length > 1"></div>
|
|
|
</template>
|
|
</template>
|
|
@@ -370,7 +370,7 @@ export default {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
- width: 60%;
|
|
|
|
|
|
|
+ width: 90%;
|
|
|
height: 70%;
|
|
height: 70%;
|
|
|
.oneTabNum {
|
|
.oneTabNum {
|
|
|
z-index: 10;
|
|
z-index: 10;
|
|
@@ -386,11 +386,17 @@ export default {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
}
|
|
}
|
|
|
|
|
+ .swiper-wrapper {
|
|
|
|
|
+ width: 80%;
|
|
|
|
|
+ }
|
|
|
.contenBox {
|
|
.contenBox {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
.modelBox,
|
|
.modelBox,
|
|
|
.videoBox,
|
|
.videoBox,
|
|
|
.imgBox {
|
|
.imgBox {
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: 80%;
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
}
|
|
}
|
|
|
.modelBox {
|
|
.modelBox {
|
|
@@ -446,8 +452,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.txtBox {
|
|
.txtBox {
|
|
|
- width: 60%;
|
|
|
|
|
|
|
+ width: 72%;
|
|
|
height: 30%;
|
|
height: 30%;
|
|
|
|
|
+ padding-top: 30px;
|
|
|
.flooTxt {
|
|
.flooTxt {
|
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
margin-top: 10px;
|
|
margin-top: 10px;
|
|
@@ -462,8 +469,7 @@ export default {
|
|
|
.myTxt {
|
|
.myTxt {
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
color: #f9f9f1;
|
|
color: #f9f9f1;
|
|
|
- letter-spacing: 3px;
|
|
|
|
|
- line-height: 32px;
|
|
|
|
|
|
|
+ line-height: 26px;
|
|
|
}
|
|
}
|
|
|
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, /* 保留顶部70%不透明 */ rgba(0, 0, 0, 0) 100% /* 底部30%完全透明 */);
|
|
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, /* 保留顶部70%不透明 */ rgba(0, 0, 0, 0) 100% /* 底部30%完全透明 */);
|
|
|
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
|
|
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
|
|
@@ -656,17 +662,21 @@ export default {
|
|
|
width: 28px;
|
|
width: 28px;
|
|
|
height: 57px;
|
|
height: 57px;
|
|
|
cursor: default;
|
|
cursor: default;
|
|
|
- background-image: url("../assets/images/pc/icon-left.png");
|
|
|
|
|
|
|
+ background-image: url("../assets/images/pc/left.png");
|
|
|
|
|
+ background-size: contain;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-position: center;
|
|
|
}
|
|
}
|
|
|
.rightJJ {
|
|
.rightJJ {
|
|
|
left: auto;
|
|
left: auto;
|
|
|
right: 0;
|
|
right: 0;
|
|
|
- background-image: url("../assets/images/pc/icon-right.png");
|
|
|
|
|
|
|
+ background-image: url("../assets/images/pc/right.png");
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.txtBox {
|
|
.txtBox {
|
|
|
|
|
+ padding: 0;
|
|
|
.flooTxt {
|
|
.flooTxt {
|
|
|
- margin-top: -5px;
|
|
|
|
|
|
|
+ margin-top: 5px;
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
padding-top: 15px;
|
|
padding-top: 15px;
|
|
|
max-height: 200px;
|
|
max-height: 200px;
|