push

lib/paas/component/page-title/index.ts

@@ -0,0 +1,4 @@
+import pageTitle from './page-title.vue';
+import { withInstall } from '/nerv-lib/util';
+
+export const PageTitle = withInstall(pageTitle);

lib/paas/component/page-title/page-title.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="page-title">
+    <h5>{{ title }}</h5>
+  </div>
+</template>
+
+<script lang="ts">
+  import { defineComponent } from 'vue';
+
+  export default defineComponent({
+    name: 'pageTitle',
+    props: {
+      title: String,
+    },
+    setup() {
+      return {};
+    },
+  });
+</script>
+
+<style lang="less" scoped>
+  h5 {
+    position: relative;
+    height: 48px;
+    line-height: 48px;
+    margin: 0 24px;
+
+    &::before {
+      content: '';
+      width: 2px;
+      height: 12px;
+      background-color: #00acff;
+      display: inline-block;
+      vertical-align: middle;
+      margin-right: 6px;
+    }
+  }
+</style>