里面有图片和文字的按钮

Question

我想知道，如何创建一个如下所示的按钮:(灰色容器内的所有内容都是按钮）

如何在按钮内放置图片和文字？ XTemplate？文本属性中的CSS？

谢谢！

Sencha Touch 2

解决方案：

{
    xtype: 'button',
    html: '<img style="margin-left: 35px;" src="http://www.timwickstrom.com/wp-content/uploads/2011/06/beer1.png" width="200" height="200" /><br /><span style="your style">Beer</span>',
}

Answer 1

您可以尝试使用html config：

xtype: 'button',
html: '<img src="your image source"/> width="" height=""'
text: '50$'