增加文章列表、应用列表、项目列表

2018-08-05 23:54:39 +08:00
parent 0b80b9268e
commit 7befb78ba5
6 changed files with 328 additions and 39 deletions
--- a/src/components/form/FormRow.vue
+++ b/src/components/form/FormRow.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="form-row">
+    <div class="label">
+      <span>{{label}}</span>
+    </div>
+    <div class="content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FormRow',
+  props: ['label']
+}
+</script>
+
+<style lang="less" scoped>
+  .form-row{
+    display: flex;
+    border-bottom: 1px dashed #e8e8e8;
+    margin-bottom: 16px;
+    .label {
+      color: rgba(0, 0, 0, 0.85);
+      font-size: 14px;
+      margin-right: 24px;
+      flex: 0 0 auto;
+      text-align: right;
+      & > span {
+        display: inline-block;
+        height: 39px;
+        line-height: 39px;
+        &:after {
+          content: '：';
+        }
+      }
+    }
+    .content {
+      flex: 1 1 0;
+      :global {
+        .ant-form-item:last-child {
+          margin-right: 0;
+        }
+        .ant-form-item {
+          margin-bottom: 0px;
+        }
+      }
+    }
+  }
+</style>