问题描述
我使用 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 (将#修改为@)