no message

Former-commit-id: 6034114d23d7abc6ef39e10e4de88a17b23ce8a8
Former-commit-id: 368f77194337643e3767733f5ac6ce9cf0f822bf
Former-commit-id: 6360de2bc9174267c8d5cc970325eca904e3d14f

src/components/demo/PageIndexArticle/index.vue

@@ -0,0 +1,38 @@
+<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>
+</template>
+
+<style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
+.page-index-header {
+  overflow: hidden;
+  .page-index-header__title {
+    display: inline-block;
+    padding: 12px 20px;
+  }
+}
+.page-index-body {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  .page-index-body__logo {
+    width: 200px;
+  }
+  .page-index-body__title {
+    color: $color-text-main;
+  }
+  .page-index-body__sub-title {
+    color: $color-text-sub;
+  }
+}
+</style>

src/components/demo/register.js

@@ -8,3 +8,4 @@ Vue.component('SplitPane', SplitPane)
 Vue.component('GithubLink', resolve => { require(['@/components/demo/GithubLink'], resolve) })
 Vue.component('GithubLinkButton', resolve => { require(['@/components/demo/GithubLinkButton'], resolve) })
 Vue.component('PageHeader', resolve => { require(['@/components/demo/PageHeader'], resolve) })
+Vue.component('PageIndexArticle', resolve => { require(['@/components/demo/PageIndexArticle'], resolve) })