Fan Zhen Coder & Teacher

Übersicht 空气质量 Widget

2016-06-17

方法

aqicn.org 是个非常好的空气质量网站,手机和chrome上都安装了它家的插件。从这个网页可以了解到,获取空气质量数据的方法:(json,城市 Hangzhou,语言 cn)

	http://feed.aqicn.org/feed/Hangzhou/cn/feed.v1.json

Übersicht widget

于是写了一个 air-quality.widget,功能很简单,一个 index.coffee 文件

	command: 'curl -s "http://feed.aqicn.org/feed/Hangzhou/cn/feed.v1.json"'

	refreshFrequency: 600000

	render: (output) -> """
		  <div id="city"></div> 
		  <div id="aqi"></div>
		  <div id="impact"></div> 

	"""

	update: (output) ->
	  if(!output)
	    return
	  data = JSON.parse(output)
		
	  $('#city').text data.city.name 

	  $('#aqi').text data.aqi.val 

	  $('#impact').text data.aqi.impact 


	style: """
	    left: 50px
	    top: 50px
	    color: #eee

		#city
			font-weight: 300

		#aqi
		    font-weight: 500	

		#impact
		    font-weight: 200    
	"""

这里下载

效果

如图,比较简陋

hangzhou

最后,调整后的桌面 desktop


Similar Posts

Comments