[incubator-dubbo-ops] 01/02: add VMidget component

[il...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

iluo pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/incubator-dubbo-ops.git

commit 4a98a1ca0678ed2e2a9a371cdc6dcc82b774f1c8
Author: beiwei30 <ia...@gmail.com>
AuthorDate: Tue Sep 11 22:04:15 2018 +0800

    add VMidget component
---
 dubbo-admin-frontend/src/components/VWidget.vue | 39 +++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/dubbo-admin-frontend/src/components/VWidget.vue b/dubbo-admin-frontend/src/components/VWidget.vue
new file mode 100644
index 0000000..cbce0b4
--- /dev/null
+++ b/dubbo-admin-frontend/src/components/VWidget.vue
@@ -0,0 +1,39 @@
+<template>
+  <div id="v-widget">
+    <v-card>
+      <v-toolbar color="transparent" flat dense card v-if="enableHeader">
+        <v-toolbar-title><h4>{{title}}</h4></v-toolbar-title>
+        <v-spacer></v-spacer>
+        <slot name="widget-header-action"></slot>
+      </v-toolbar>
+      <v-divider v-if="enableHeader"></v-divider>
+      <v-card-text :class="contentBg">
+        <slot name="widget-content"></slot>
+      </v-card-text>
+    </v-card>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'v-widget',
+    props: {
+      title: {
+        type: String
+      },
+      enableHeader: {
+        type: Boolean,
+        default: true
+      },
+      contentBg: {
+        type: String,
+        default: 'white'
+      }
+    },
+
+    data () {
+      return {}
+    },
+    computed: {}
+  }
+</script>