|
@@ -11,7 +11,7 @@
|
|
|
</div>
|
|
|
<!-- 右边按钮 -->
|
|
|
<div v-show="showRightIcon" @click="handleRightClick" class="scroll-icon right-icon">
|
|
|
- <i></i>
|
|
|
+ <i ></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -29,7 +29,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- showRightIcon: false, // 是否显示右箭头
|
|
|
+ showRightIcon: true, // 是否显示右箭头
|
|
|
swiperScrollWidth: 0, // 盒子的宽度
|
|
|
swiperScrollContentWidth: 0, // 内容的宽度
|
|
|
maxClickNum: 0, // 最大点击次数
|
|
@@ -123,22 +123,22 @@
|
|
|
|
|
|
<style lang='scss' scoped>
|
|
|
.left-right-swiper-scroll-box {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- width: 1145px;
|
|
|
- overflow: hidden;
|
|
|
- transition: all 0.3s;
|
|
|
- padding: 0 30px;
|
|
|
- margin-right: 5px;
|
|
|
- .scroll-icon {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- width: 30px;
|
|
|
- height: 70px;
|
|
|
- z-index: 9;
|
|
|
- cursor: pointer;
|
|
|
- background-image: linear-gradient(270deg, invalid gradient);
|
|
|
- z-index: 1000;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ width: 1145px;
|
|
|
+ overflow: hidden;
|
|
|
+ transition: all 0.3s;
|
|
|
+ padding: 0 30px;
|
|
|
+ margin-right: 5px;
|
|
|
+ .scroll-icon {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ width: 30px;
|
|
|
+ height: 70px;
|
|
|
+ z-index: 9;
|
|
|
+ cursor: pointer;
|
|
|
+ background-image: linear-gradient(270deg, invalid gradient);
|
|
|
+ z-index: 1000;
|
|
|
i {
|
|
|
position: absolute;
|
|
|
top: 5px;
|