想要创建像google与extjs的用户信息面板

Question

这是一个奇怪的问题，但我希望我可以从你们那里得到一些建议或例子我想创建一个像google这样的用户信息面板让我给你看图像

现在我的照片是xtype：＆＃39; image＆＃39;，其中我使用的是extjs 6

我想像google这样的东西 提前感谢任何建议帮助我：）

Answer 1

您可以使用目标属性编写工具提示。

Ext.create('Ext.tip.ToolTip', {
            target: Ext.getCmp('image-1021').getEl(),
            anchor: 'bottom',
            width: 400,
            height: 300,
            layout: 'fit',
            items: [{}]
});

有关详细信息，请参阅此link

希望这会有所帮助。

Answer 2

只需在其点击显示工具提示的顶部锚点上显示图像显示的右上方的简短信息。检查您是否能够在工具提示中添加图像/标签/按钮作为项目。如果这不可能，您将需要创建XTemplate并在工具提示中添加此xtemplate。 还有什么问题吗？