新增GloablFooter、标准列表

2018-07-26 23:22:14 +08:00
parent 17e9e07162
commit b8db6b49b4
6 changed files with 272 additions and 5 deletions
--- a/src/components/tool/HeadInfo.vue
+++ b/src/components/tool/HeadInfo.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="head-info">
+    <span>{{title}}</span>
+    <p>{{content}}</p>
+    <em v-if="bordered" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HeadInfo',
+  props: ['title', 'content', 'bordered']
+}
+</script>
+
+<style lang="less" scoped>
+  .head-info{
+    position: relative;
+    text-align: center;
+  span{
+    color: rgba(0,0,0,.45);
+    display: inline-block;
+    font-size: 14px;
+    line-height: 22px;
+    margin-bottom: 4px;
+  };
+  p{
+    color: rgba(0,0,0,.85);
+    font-size: 24px;
+    line-height: 32px;
+    margin: 0;
+  };
+  em{
+    background-color: #e8e8e8;
+    position: absolute;
+    height: 56px;
+    width: 1px;
+    top: 0;
+    right: 0;
+  }
+  }
+</style>