0

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

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

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

我明白了： 没有方向的标注

但我想要这个，在显示基于水滴的 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>
4

0 回答 0