Browse Source

事件详情箭头

qinhouyu 2 years ago
parent
commit
9571463a37
2 changed files with 19 additions and 18 deletions
  1. 18 18
      src/components/leftRightSwiperScroll.vue
  2. 1 0
      src/views/firespread.vue

+ 18 - 18
src/components/leftRightSwiperScroll.vue

@@ -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;

+ 1 - 0
src/views/firespread.vue

@@ -2358,6 +2358,7 @@ export default {
     /************************************责任制-结束****************************************/
     showEventdetailsdialog() {
       this.eventDialog = false;
+      this.cancelEventShow()
       this.$emit('showEventDialog', this.eventCode);
     },
     showheatPlotting() {