页面基础结构和输入框
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
This commit is contained in:
41
src/layout/header-aside/components/panel-search/index.vue
Normal file
41
src/layout/header-aside/components/panel-search/index.vue
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user