Javascript 在项目模板中使用自定义CSS样式

我有一个dataview，可以从存储中加载一些数据，如以下示例：

{
            xtype: 'dataview',

            store: {
                data : [
                    {name: 'nota_fiscal.pdf', type : 'Nota fiscal', url : 'http://teste'},
                    {name: 'doc_veiculo.pdf', type : 'Documento do Veículo', url : 'http://teste'},
                ]
            },

            itemTpl: '<div style="background-color: white; margin: 10px; padding: 10px">' +
            '<span>{name}</span>' +
            '<span style=" float: right;">{type}</span>' +
            '</div>' +
            '<div>' +
            '<a class="btn">Download</a>' +
            '</div>'
}

---

我需要知道一种方法来定义一个自定义css，并使其在项目模板内可访问。在这个例子中，我想定义一个css到“btn”链接类

因此，您想在一个scss文件中为class.btn编写css，并且您想知道将该文件放在何处以及如何包含它？我不确定您想要完成什么..我在resource/sass/app.scss文件中定义了类btn，但它不起作用。我的意思是，样式对项目模板没有影响。您已经做了什么？你是否再次构建/编译该应用程序？如果从app文件夹中运行sencha ant sass命令，会发生什么情况？你在app.css中找到类了吗？试着检查你的页面，跟踪你的按钮，看看按钮有什么类或样式，也许按钮有extjs的样式并覆盖它。你的extjs版本是什么？