如何将CSS类应用于组件?

时间:2012-02-19 16:10:34

标签: enyo

为什么我不能将我的CSS类应用于hello?

{name:“hello”,内容:“Hello From Enyo”,className:“myClass”,ontap:“helloTap”},

3 个答案:

答案 0 :(得分:3)

Enyo 2.0改变了为组件指定类的方式。您不应再在类型定义中指定样式或类。如果您需要这样做,您可以使用“类”而不是“className”。

推荐的方法是在create function中调用addClasses(在Enyo 1.0中是addClass)。要直接添加样式,请调用addStyles。

答案 1 :(得分:1)

您仍然可以使用旧样式“作弊”,只需使用而不是 className

答案 2 :(得分:0)

从我读过的文档中你似乎正确地做到了。

http://enyowiki.com/ (滚动到底部)

developer.Palm

我尝试了同样的事情,但我无法使用外部样式表来使用它。 您始终可以使用style关键字在enyo中执行该样式。

style:"background-color:blue;height: 50px; width: 30px;"

但是如果你想拥有相同风格的多个对象,这肯定是不好的。 好问题,希望有人会找到答案。

........................................

在写这篇文章时,我尝试了一些其他选项。我使用了.addClass(“css-class”) 创建种类(http://enyojs.com/api/#enyo.Control::addClass)后的功能。请参阅以下代码:

enyo.kind({
    name: "Menu",
    kind: "Control",
    components: [
        {name: "back", tag:"div"}
    ]

});
var menu = new Menu();
menu.addClass("box");
menu.write();

然后我的css在外部样式表中:

.box{
    background-color:red;
    width: 520px;
    height: 600px;
    margin:auto;
    margin-top:75px;
}

希望有所帮助。如果您找到更好的方法,请分享。