badge css done

2017-02-26 15:42:19 +08:00
parent 7bfc4f4323
commit 44600789dc
13 changed files with 185 additions and 4 deletions
@@ -0,0 +1,11 @@
+<template>
+  <div class="z-badge-group">
+    <slot></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'z-badge-group'
+};
+</script>
@@ -0,0 +1,23 @@
+<template>
+    <a class="z-badge" :class="{ 'is-select' : isSelected }" :href="url" @click="handleClick">
+      <div class="z-badge__active"></div>
+      <div v-if="info" class="z-badge__info">{{info}}</div>
+      {{value}}
+    </a>
+</template>
+<script>
+export default {
+  name: 'z-badge',
+  props: {
+    url: String,
+    value: String,
+    info: String,
+    isSelected: Boolean
+  },
+  methods: {
+    handleClick() {
+      this.$emit('click');
+    }
+  }
+};
+</script>