icon components

components.json

@@ -4,5 +4,6 @@
   "switch": "./packages/switch/index.js",
   "field": "./packages/field/index.js",
   "radio": "./packages/radio/index.js",
-  "cell": "./packages/cell/index.js"
+  "cell": "./packages/cell/index.js",
+  "icon": "./packages/icon/index.js"
 }

packages/icon/CHANGELOG.md

@@ -0,0 +1,8 @@
+## 0.0.2 (2017-01-20)
+
+* 改了bug A
+* 加了功能B
+
+## 0.0.1 (2017-01-10)
+
+* 第一版

packages/icon/README.md

@@ -0,0 +1,26 @@
+# @youzan/<%= name %>
+
+!!! 请在此处填写你的文档最简单描述 !!!
+
+[![version][version-image]][download-url]
+[![download][download-image]][download-url]
+
+[version-image]: http://npm.qima-inc.com/badge/v/@youzan/<%= name %>.svg?style=flat-square
+[download-image]: http://npm.qima-inc.com/badge/d/@youzan/<%= name %>.svg?style=flat-square
+[download-url]: http://npm.qima-inc.com/package/@youzan/<%= name %>
+
+## Demo
+
+## Usage
+
+## API
+
+| 参数       | 说明      | 类型       | 默认值       | 可选值       |
+|-----------|-----------|-----------|-------------|-------------|
+| className | 自定义额外类名 | string  | ''          | ''          |
+
+
+
+
+## License
+[MIT](https://opensource.org/licenses/MIT)

packages/icon/index.js

@@ -0,0 +1,3 @@
+import Icon from './src/icon';
+
+export default Icon;

packages/icon/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "o2-icon",
+  "version": "0.0.1",
+  "description": "o2-icon",
+  "main": "index.js",
+  "author": "zhangmin <zhangmin@youzan.com>",
+  "devDependencies": {},
+  "dependencies": {}
+}

packages/icon/src/icon.vue

@@ -0,0 +1,13 @@
+<template>
+  <i :class="'zenui-icon-' + name"></i>
+</template>
+
+<script>
+  export default {
+    name: 'o2-icon',
+
+    props: {
+      name: String
+    }
+  };
+</script>

packages/switch/src/switch.pcss

@@ -1,5 +1,4 @@
-
-@component-namespace o2{
+@component-namespace o2 {
   @component switch { 
     height: 29px;
     width: 49px;
@@ -45,4 +44,4 @@
       border-color: rgba(0, 0, 0, .1);
     }
   }
-}
+}