在ExtJS Classic 7.3.0中创建一个动画checkmard,需要帮助删除复选标记周围的容器边框

rsaldnfx  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(133)

我试图在所有组件的顶部显示一个复选标记。它显示了,但是在我的复选标记周围有一个容器的框架,我不知道如何删除它。下面是工作的小提琴: 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) {
                //
            }
        }
    });
fiei3ece

fiei3ece1#

尝试在上面的Ext.create('Ext.Component', {中添加shadow:false,
这对我很有用。

相关问题