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>
|