feat: add setting components

2018-08-21 17:50:13 +08:00
parent 6aa12b13f5
commit 6b2688a840
5 changed files with 162 additions and 1 deletions
--- a/src/components/setting/SettingItem.vue
+++ b/src/components/setting/SettingItem.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="setting-item">
+    <h3 class="title">{{title}}</h3>
+    <div>
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SettingItem',
+  props: ['title']
+}
+</script>
+
+<style lang="less" scoped>
+  .setting-item{
+    margin-bottom: 24px;
+    .title{
+      font-size: 14px;
+      color: rgba(0,0,0,.85);
+      line-height: 22px;
+      margin-bottom: 12px;
+    }
+  }
+</style>