no message

Former-commit-id: f14a9971a0c6efbc901fe0969c40014e8ea57a45
Former-commit-id: ae2507cc4aba63de535940551c83f6caa81ad274
Former-commit-id: b971e44eddec09e7f3d0e27456aa8aa273b1c4d3

src/components/demo/PageIndexArticle/index.vue

@@ -1,11 +1,31 @@
 <template>
   <div class="page-index-body">
-    <img class="page-index-body__logo" src="@/assets/image/logo/w500.png">
-    <p class="page-index-body__title">这是D2Admin</p>
-    <p class="page-index-body__sub-title dd-mt-0">一个追求简洁和上手即用的前端模板</p>
+    <div class="page-index-body__logo">
+      <slot></slot>
+    </div>
+    <p class="page-index-body__title">{{title}}</p>
+    <p class="page-index-body__sub-title dd-mt-0">{{subTitle}}</p>
   </div>
 </template>
 
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      required: false,
+      default: 'Title'
+    },
+    subTitle: {
+      type: String,
+      required: false,
+      default: 'subTitle'
+    }
+  }
+}
+</script>
+
+
 <style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
 .page-index-header {
@@ -26,7 +46,9 @@
   justify-content: center;
   align-items: center;
   .page-index-body__logo {
-    width: 200px;
+    img {
+      width: 200px;
+    }
   }
   .page-index-body__title {
     color: $color-text-main;