组件名称调整

Former-commit-id: 389ee4ae067ddb6ba004d6b61cacb5e85cccfdfb [formerly 389ee4ae067ddb6ba004d6b61cacb5e85cccfdfb [formerly 389ee4ae067ddb6ba004d6b61cacb5e85cccfdfb [formerly 389ee4ae067ddb6ba004d6b61cacb5e85cccfdfb [formerly a7a8e84c3f91251be54453c2953b303c97f18500 [formerly 92b8cc6bf9d7cfa4413140cbb53b63313d89b50e]]]]] Former-commit-id: c1dfc429358c2c851596de19c0addd69c9ba7a04 Former-commit-id: 38d14b1767e93500756bfd63d9417f198c1072d6 Former-commit-id: 6aa971020961a9c12a3790414b7bd06def3d5922 [formerly d1cf77ed4557c58790f9f9ef44344fdc1b5a63e0] Former-commit-id: 0333ea49a1b4bff5833e3b9a27484d824ee120d4 Former-commit-id: ccc5f16c2bce6ab562415120caf45c8d78e69a6b Former-commit-id: 78520c1824aa5d58428f07c7c9dd2d645d4a6cce Former-commit-id: a1937ddd17de318c80640db11a1979fc59cee4ee Former-commit-id: 065f3b5d8911a7697c034da0ed23b71cf4205ed6
2018-07-19 17:21:15 +08:00
parent 7faa1126c8
commit a1c4b1dbdd
92 changed files with 99 additions and 99 deletions
--- a/src/components/demo/d2-page-cover/index.vue
+++ b/src/components/demo/d2-page-cover/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="page-cover">
+    <div class="page-cover__logo">
+      <slot/>
+    </div>
+    <p class="page-cover__title">{{title}}</p>
+    <p class="page-cover__sub-title d2-mt-0">{{subTitle}}</p>
+    <a target="blank" href="https://github.com/d2-projects/d2-admin">
+      <img
+        style="position: absolute; top: 0; right: 0; border: 0; width: 150px;"
+        src="./image/darkblue@2x.png"
+        alt="Fork me on GitHub">
+    </a>
+  </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-article-header {
+  overflow: hidden;
+  .page-index-article-header__title {
+    display: inline-block;
+    padding: 12px 20px;
+  }
+}
+.page-cover {
+  @extend %full;
+  @extend %unable-select;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  .page-cover__logo {
+    img {
+      width: 200px;
+    }
+  }
+  .page-cover__title {
+    color: $color-text-main;
+  }
+  .page-cover__sub-title {
+    color: $color-text-sub;
+  }
+}
+</style>