zhongshujie
21 小时以前 974aa7d5f7541ca5a4457ac0620fee7cb590b9ab
src/views/chronology/index.vue
@@ -49,20 +49,17 @@
                  class="gradchild"
                  v-for="(citem, cindex) in item.list"
                  :style="{ background: citem.color }"
                  @mouseover="showDetail(index, cindex, 1)"
                  @mouseleave="closeDetail(index, cindex, 0)"
                  @click.stop="showDetail(index, cindex, 1, $event)"
                  :key="cindex"
                >
                  <div class="detailDialog" v-if="citem.showDetail">
                    <!-- <div class="dialogContent" @click="gotoDetail(citem)"> -->
                    <div
                      class="closeBtn"
                      @click="closeDetail(index, cindex, 0)"
                      @click.stop="closeDetail(index, cindex, 0)"
                    >
                      <i class="el-icon-close"></i>
                    </div>
                    <floatingWindow :info="citem" />
                    <!-- </div> -->
                  </div>
                </div>
              </div>
@@ -121,7 +118,7 @@
  },
  methods: {
    showYearWindow(item) {
    showYearWindow(item, event) {
      console.log(item, "item");
      for (let i = 0; i < this.contentList.length; i++) {
        const item = this.contentList[i];
@@ -163,7 +160,7 @@
          }
          console.log(this.contentList, "this.contentList");
          this.contentList = res.datas.reverse();
          this.contentList = res.datas;
          this.showList = true;
        });
    },
@@ -226,7 +223,8 @@
      }
      this.contentList[index].list[cindex].showDetail = false;
    },
    showDetail(index, cindex, type) {
    showDetail(index, cindex, type, event) {
      console.log(event, "event");
      for (let i = 0; i < this.contentList.length; i++) {
        const item = this.contentList[i];
        if (item && item.length > 0) {
@@ -237,11 +235,11 @@
          }
        }
      }
      if (this.contentList[index].list[cindex].type) {
        this.contentList[index].list[cindex].showDetail = true;
      } else {
        this.contentList[index].list[cindex].showDetail = false;
      }
      console.log(this.contentList[index].list, "this.contentList[index].list[cindex]");
    },
  },
};
@@ -303,7 +301,7 @@
    // }
    /* 对于WebKit浏览器和Blink引擎(如Chrome, Opera) */
    ::-webkit-scrollbar {
      width: 16px; /* 滚动条的宽度 */
      width: 4px; /* 滚动条的宽度 */
      height: 16px; /* 滚动条的高度 */
    }
@@ -313,7 +311,8 @@
    ::-webkit-scrollbar-thumb {
      background: #b9a587; /* 滚动条滑块的颜色 */
      border-radius: 16px; /* 滚动条滑块的圆角 */
      border-radius: 2px; /* 滚动条滑块的圆角 */
      width: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
@@ -365,6 +364,14 @@
  position: relative;
}
.gradchild:hover {
  width: 25px;
  height: 25px;
  margin-top: 2px;
  margin-right: 2px;
  cursor: pointer;
  position: relative;
}
.item-circle {
  width: 100%;
  height: 20px;
@@ -408,6 +415,8 @@
.detailDialog {
  position: absolute;
  top: -700%;
  transform: translateY(20%);
  transform: translateX(-50%);
  width: 524px;
  z-index: 9999;
  cursor: pointer;