我试图在所有组件的顶部显示一个复选标记。它显示了,但是在我的复选标记周围有一个容器的框架,我不知道如何删除它。下面是工作的小提琴: Sencha Fiddle.点击提交按钮,你会看到它当前的样子。
这里还包括代码:
var checkMarkTemplate = new Ext.XTemplate(
'<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">',
'<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>',
'<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>',
);
Ext.create('Ext.Component', {
floating: true,
// modal: true,
id: 'check',
renderTpl: checkMarkTemplate,
frame: false,
border: false,
bodyStyle: 'background:transparent',
x: 100,
y: 100,
listeners: {
show: function(comp) {
//
}
}
});
1条答案
按热度按时间fiei3ece1#
尝试在上面的
Ext.create('Ext.Component', {
中添加shadow:false,
这对我很有用。