在Coachmark的情况下不显示教学泡泡方向

问题描述

我使用 Microsoft 的文档设计了基于 Coachmark 的教学标注。 可以在此处找到一些示例:https://docs.microsoft.com/en-us/javascript/api/examples/coachmark?view=office-ui-fabric-react-latest

我想在显示教练标记后为教学标注指明方向,但我无法做到。

Coachmark 在其中使用了 TeachingBubbleContent,它没有方向,只是一个矩形框。 我尝试在 Coachmark 内使用 TeachingBubble,但它甚至出现在 Coachmark 之前。

我明白了: Callout without direction

但我想要这个,在显示基于水滴的 Coachmark 之后: Callout with direction

PS:如果使用此方法无法实现,请建议是否可以使用其他任何方法来实现。

   <Coachmark
      target={targetButton.current}
      positioningContainerProps={positioningContainerProps}
      ariaAlertText="A coachmark has appeared"
      ariaDescribedBy="coachmark-desc1"
      ariaLabelledBy="coachmark-label1"
      ariaDescribedByText="Press enter or alt + C to open the coachmark notification"
      ariaLabelledByText="Coachmark notification"
    >
      <TeachingBubbleContent
        headline="Example title"
        hasCloseButton
        closeButtonAriaLabel="Close"
        primaryButtonProps={buttonProps}
        secondaryButtonProps={buttonProps2}
        ondismiss={hideCoachmark}
        ariaDescribedBy="example-description1"
        ariaLabelledBy="example-label1"
      >
        Welcome to the land of coachmarks!
      </TeachingBubbleContent>
    </Coachmark>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)