sammydc 的回答是正确的.. 根据我的经验添加更多信息(我今天第一次使用 dashing)同时创建一个新的小部件(名称 = xzryryrk):
运行这个命令来创建一个新的小部件:
dashing generate widget xzryryrk
输出:
widgets/xzryryrk/xzryryrk.html
widgets/xzryryrk/xzryryrk.scss
widgets/xzryryrk/xzryryrk.coffee
编辑“xzryryrk.coffee”以添加上面帖子中 sammydc 提到的代码,但请记住空格和制表符。破折号基于对空格和制表符敏感的语言。
编辑 'xzryryrk.scss' :默认情况下,新小部件没有任何 css 配置,您需要添加以下 css(根据您的要求编辑名称):
$background-color: #47bbb3;
$title-color: rgba(255, 255, 255, 0.7);
$moreinfo-color: rgba(255, 255, 255, 0.7);
// ----------------------------------------------------------------------------
// Widget-text styles
// ----------------------------------------------------------------------------
.widget-xzryryrk {
background-color: $background-color;
.title {
color: $title-color;
}
.more-info {
color: $moreinfo-color;
}
.updated-at {
color: rgba(255, 255, 255, 0.7);
}
&.large h3 {
font-size: 65px;
}
}
编辑 'xzryryrk.html' :默认情况下它也是空白的。添加以下内容:
<h1 class="title" data-bind="title"></h1>
<h3 data-bind="text"></h3>
<p class="more-info" data-bind="moreinfo"></p>
<p class="updated-at" data-bind="updatedAtMessage"></p>
最后,编辑您的 erb 文件(可能是 /dashing/dashboards/sample.erb)
`<li data-row="1" data-col="1" data-sizex="2" data-sizey="1">
<div data-id="xzryryrk" data-view="Xzryryrk" data-title="Hello" data-text="This is your shiny new dashboard." data-moreinfo="Protip: You can drag the widgets around!"></div>
</li>`
现在你可以像这样使用 CURL:
`curl -d '{ "auth_token": "YOUR_AUTH_TOKEN", "title":"XXX" ,"status": "FAIL" ,"text":"FAIL"}' http://X.X.X.X:8082/widgets/xzryryrk`