网格，以房找人

src/apps/AppBuilding/components/add.vue

@@ -0,0 +1,61 @@
+<template>
+  <div class="add">
+    <div class="title">
+      <span class="tips"></span>房屋信息
+      <span class="select">选择人员</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+
+  data() {
+    return {
+      
+    }
+  },
+  computed: { ...mapState(['user']) },
+  mounted() {
+
+  },
+
+  methods: {
+
+    
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add {
+  .title{
+    width: 100%;
+    height: 96px;
+    line-height: 96px;
+    background: #FFF;
+    font-size: 32px;
+    font-weight: 500;
+    color: #262B36;
+    padding-right: 32px;
+    box-sizing: border-box;
+    overflow: hidden;
+    .tips{
+      display: inline-block;
+      width: 8px;
+      height: 32px;
+      background: #4E75FE;
+      box-shadow: 0px 8px 24px 2px #C9D8FA;
+      border-radius: 4px;
+      vertical-align: middle;
+      margin-right: 22px;
+    }
+    .select{
+      float: right;
+      font-size: 30px;
+      color: #1365DD;
+    }
+  }
+}
+</style>