cell components

2025-10-20 02:31:21 +00:00 · 2017-02-13 16:14:37 +08:00
parent 7a21b3abde
commit 2fed755d7c
9 changed files with 114 additions and 8 deletions
--- a/packages/cell/src/cell.vue
+++ b/packages/cell/src/cell.vue
@@ -0,0 +1,28 @@
+<template>
+  <div class="o2-cell">
+    <div class="o2-cell-title">
+      <slot name="icon">
+        <i v-if="icon" class="o2-icon" :class="'o2-icon-' + icon"></i>
+      </slot>
+      <slot name="title">
+      </slot>
+    </div>
+    <div class="o2-cell-value">
+      <slot>
+
+      </slot>
+    </div>
+    <i class="o2-cell-arrow-right"></i>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'o2-cell',
+
+  props: {
+    icon: String,
+    title: String
+  }
+};
+</script>