页面基础结构和输入框

Former-commit-id: 373359336f6e97367f7b6a31c09fb4a28915cb07 [formerly 373359336f6e97367f7b6a31c09fb4a28915cb07 [formerly 373359336f6e97367f7b6a31c09fb4a28915cb07 [formerly 373359336f6e97367f7b6a31c09fb4a28915cb07 [formerly f700069d686be8e9ee177e36627eb284b3638ca7 [formerly a23ef90c3256f8bdee11ee6f63c778afa8b0e7d3]]]]]
Former-commit-id: cf1abe3e0fdd1078f74e78741bae59315d66aacf
Former-commit-id: 8c342c2eaeb9cf04bfbc1fa7b15f34c36445e77d
Former-commit-id: 38d7d5273db075c711a5235819cf75f15dfbd1a4 [formerly 054ce7262136015f7dd4dfa1cecd9a2e83a90449]
Former-commit-id: e6a1403e2d4426450c70b43a79f9809151df9146
Former-commit-id: b9d31641196ff5ba6cc16a8097ffc6a45582f601
Former-commit-id: e88fe6c0ea4ad041f4a9c44f36ba52222035e7d6
Former-commit-id: 34dbea74181ba5f7bba361921cc46c1750a6aadd
Former-commit-id: ffe6a1be153494a4845b800ebcdaf0483bd85ef0

src/layout/header-aside/components/header-search/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <el-button class="d2-mr btn-text can-hover" type="text" @click="handleClick">
+    <d2-icon name="search"/>
+  </el-button>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleClick () {
+      this.$emit('click')
+    }
+  }
+}
+</script>

src/layout/header-aside/components/panel-search/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="panel-search">
+    <div class="panel-search__input-group" flex="main:center cross:center">
+      <el-input
+        class="panel-search__input"
+        ref="input"
+        v-model="input"
+        suffix-icon="el-icon-search"
+        placeholder="搜索页面"/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      input: ''
+    }
+  },
+  methods: {
+    focus () {
+      this.$nextTick(() => {
+        this.$refs.input.focus()
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.panel-search {
+  margin: 20px;
+  .panel-search__input-group {
+    height: 200px;
+    .panel-search__input {
+      width: 300px;
+    }
+  }
+}
+</style>