/cc-UI-kit

一个用于node-wekit应用的UI库.

Primary LanguageJavaScript

cc-UI-Kit 项目文档

Written by DemoHn
Revised 1
2014.7.4

1. 简介

cc-UI-kit是我个人自己制作的一些Web元件库，可用于各种node-webkit应用当中。
它基于Polymer框架来制作。

2. 开始

(1) 请检查自己有没有node-webkit。
由于Polymer框架是在Chrome 34里才完全成熟的，因此这里推荐v.0.10.0版本。
node-webkit v0.10.0下载地址:

(2) 新建一个node-webkit应用
这里就不再赘述了。相信大家都会。
如果真不会的话，这里是用node-webkit作一个小程序的简单教程。

(3) 编写index.html

首先将本目录下的c/polymer/及c/platform/文件夹复制到自己的node-webkit项目的目录下。

然后导入platform.js:
在<head>标签里加上这么一句：
<script src="./components/platform/platform.js"></script>

如果要想用某一个元件库的话，请首先把对应的文件夹给复制到自己项目的根目录下，然后再引用此元件库:
<link rel="import" href="./components/[component_name]/[component_name].html">

比如，如果想要使用cc-markdown这个元件的话，
在<head>标签中写入这么一句话：
<link rel="import" href="./components/cc-markdown/cc-markdown.html">

e.g:

    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
      <meta charset="UTF-8">  
      <script src="./components/platform/ platform.js"></script>  
      <link rel="import" href="./components/cc-markdown/cc-markdown.html">  
      <title>demo</title>  
    </head>  
    <body>  
    </body>  
    </html>
文档

在下载了此份拷贝以后，请直接使用nw cc-UI-kit来运行。 里面就自带关于各个元件的文档。