vant components

packages/cell/CHANGELOG.md

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

packages/cell/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/cell/index.js

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

packages/cell/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@youzan/van-cell",
+  "version": "0.0.1",
+  "description": "cell component",
+  "main": "./index.js",
+  "author": "zhangmin <zhangmin@youzan.com>",
+  "license": "MIT",
+  "devDependencies": {},
+  "dependencies": {}
+}

packages/cell/src/cell-group.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="van-cell-group">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'van-cell-group'
+};
+</script>

packages/cell/src/cell.vue

@@ -0,0 +1,51 @@
+<template>
+  <a :class="['van-cell', { 'van-cell--required': required }]" :href="url" @click="handleClick">
+    <div
+      class="van-cell__title"
+      v-if="this.$slots.title || title"
+    >
+      <slot name="icon">
+        <i v-if="icon" class="van-icon" :class="'van-icon-' + icon"></i>
+      </slot>
+      <slot name="title">
+        <span class="van-cell__text" v-text="title"></span>
+        <span class="van-cell__label" v-if="label" v-text="label"></span>
+      </slot>
+    </div>
+    <div
+      class="van-cell__value"
+      v-if="value || this.$slots.default"
+      :class="{
+        'van-cell__value--link': isLink,
+        'van-cell__value--alone': !this.$slots.title && !title && !label
+      }"
+    >
+      <slot>
+        <span v-text="value"></span>
+      </slot>
+    </div>
+    <i class="van-icon van-icon-arrow" v-if="isLink"></i>
+  </a>
+</template>
+
+<script>
+export default {
+  name: 'van-cell',
+
+  props: {
+    icon: String,
+    title: String,
+    value: [String, Number],
+    url: String,
+    label: String,
+    isLink: Boolean,
+    required: Boolean
+  },
+
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
+  }
+};
+</script>