通信

YM

2024-05-15 4fb1960787da2566c350398441dac950bdaeab5c

通信

 src/child.ts

@@ -4,9 +4,10 @@

const actions = initGlobalState(state)

actions.onGlobalStateChange((state, prev) => {
  console.log("父层变化：",state, prev)
})
// actions.onGlobalStateChange((state, prev) => {
//   console.log("父层变化：",state, prev)
//   // window.qiankunState = state;
// })

export const microApps = {
  book1: {

 src/views/home.vue

@@ -154,7 +154,7 @@
                    </div>
                  </div>
                  <div
                    class="noteText hover"
                    class="noteText hover 123456"
                    @click="jumpContent('note' + index)"
                    :style="{
                      background:
@@ -960,20 +960,37 @@
    }
  })
  window.qiankunActions.onGlobalStateChange((state, prev) => {
    console.log(state, '父层')
    console.log('父层state变化', state)
    bookName.value = state.bookName
    bookId.value = state.bookId
    state.gotoPage
    window.qiankunState = state;
  })

  // 定义父层方法
  console.log(window.qiankunActions);
  window.qiankunActions.setGlobalState({
    state: 1, // 加载子应用
    windowSelection: (data) => {
      // 绑定子应用选择监听事件
      console.log(data, '子应用选择')
      getSelection(data)
    },
    catalogChange: (data) => {
      console.log(data, '章节切换：目前显示的三个章节')
    },
    pageChange: (data) => {
      // {
      //   page: 100,
      //   catalog: 5,
      //   catalogId: "",
      //   catalogName: "",
      // }
      console.log(data, '页面切换：目前显示页面和对应的章节信息')
    }
  })

  // 调用子层方法
  // if (window.qiankunState && window.qiankunState.aa) window.qiankunState.aa(1)
})

watch(
@@ -1656,12 +1673,12 @@
}

const pageScroll = (e) => {
  window.qiankunActions.setGlobalState({
    gotoPage: (t, s) => {
      // 绑定子应用选择监听事件
      console.log(t, s, '子应用滚动')
    }
  })
  // window.qiankunActions.setGlobalState({
  //   gotoPage: (t, s) => {
  //     // 绑定子应用选择监听事件
  //     console.log(t, s, '子应用滚动')
  //   }
  // })
  showToolBox.value = false
  lineDelete.showLineDelete = false
  // let scroll = e.target.scrollTop
@@ -2165,7 +2182,8 @@
}

const jumpContent = (id) => {
  document.getElementById(id).scrollIntoView()
  debugger
  if (window.qiankunState && window.qiankunState.gotoPage) window.qiankunState.gotoPage(5, 100)
}

const update = (item, type) => {
@@ -2680,9 +2698,7 @@
            margin: 10px 10px 10px 15px;
            border-radius: 3px;
            padding: 2px 5px;
            // opacity: 0.1;
            .con {
              all: initial;
              max-height: 65px;
              display: -webkit-box;
              -webkit-box-orient: vertical;
@@ -2772,14 +2788,17 @@
      }
      .pageBox-content {
        height: calc(100% - 57px);
        overflow-y: auto;
        background: #fbf9f4;
        .content-box {
          height: 100%;
          position: relative;
        }
        #container {
          background: #fbf9f4;
          // height: 100%;
            height: 100%;
            #__qiankun_microapp_wrapper_for_app_content__ {
              height: 100%;
            }
          }
        }
        .canvas-box {
          height: 100%;