44 lines
859 B
Vue
44 lines
859 B
Vue
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: "SearchMain",
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
keyword: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
searchList(value) {
|
|||
|
|
console.log('搜索关键字22：' + value)
|
|||
|
|
},
|
|||
|
|
onClickIcon() {
|
|||
|
|
console.log('点击了扫码图标')
|
|||
|
|
},
|
|||
|
|
rightClick() {
|
|||
|
|
console.log('rightClick');
|
|||
|
|
},
|
|||
|
|
leftClick() {
|
|||
|
|
console.log('leftClick');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<up-navbar
|
|||
|
|
title="个人中心"
|
|||
|
|
@rightClick="rightClick"
|
|||
|
|
:autoBack="true"
|
|||
|
|
>
|
|||
|
|
</up-navbar>
|
|||
|
|
<up-search class="search" searchIcon="scan" placeholder="输入你想查询的服务"
|
|||
|
|
@clickIcon="onClickIcon" v-model="keyword" :showAction="true" :animation="false" :actionStyle="{}" @custom="searchList"></up-search>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
.search {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
</style>
|