no message

Former-commit-id: f834dedfbffb630f6562443809d488ebffcf8f43
Former-commit-id: 37e16ee9ed36382673e58ab6da8848426ab953e5
Former-commit-id: fd53d926e044117974afccab729f690d2409e1f2

src/pages/demo/plugins/mock/components/d2-demo-mock-card.vue

@@ -0,0 +1,66 @@
+<template>
+  <el-card shadow="never" class="d2-mb">
+    <div slot="header" class="d2-clearfix">
+      <el-button type="text" size="mini">{{title}}</el-button>
+      <el-tooltip content="重新 mock 数据" placement="top-end">
+        <el-button type="primary" size="mini" @click="$emit('reload')" class="d2-fr">刷新</el-button>
+      </el-tooltip>
+    </div>
+    <el-row :gutter="10">
+      <el-col :span="12">
+        <div class="col col-l">
+          <d2-highlight :code="code"/>
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="col col-r">
+          <d2-highlight :code="mock"/>
+        </div>
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script>
+export default {
+  name: 'd2-demo-mock-card',
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: 'Mock Demo'
+    },
+    code: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    mock: {
+      type: String,
+      required: false,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.col {
+  padding: $margin;
+  border-radius: 4px;
+  border-width: 1px;
+  border-style: solid;
+  font-size: 16px;
+}
+.col-l {
+  background-color: lighten($color-info, 40%);
+  border-color: lighten($color-info, 35%);
+}
+.col-r {
+  background-color: lighten($color-success, 47%);
+  border-color: lighten($color-success, 40%);
+}
+</style>
+
+