lilishop-uniapp/pages/tabbar/home/template/tpl_search.vue

39 lines
685 B
Vue
Raw Normal View History

2021-05-13 11:03:32 +08:00
<template>
<div class="layout">
<div class="search" @click="handleSearch">
<u-icon name="search"></u-icon>
{{ res.list[0].title }}
</div>
</div>
</template>
<script>
export default {
2021-05-24 15:49:22 +08:00
title:"搜索栏",
2021-05-13 11:03:32 +08:00
props: ["res"],
methods: {
handleSearch() {
this.$navigateTo({
2021-05-13 11:03:32 +08:00
url: "/pages/navigation/search/searchPage",
});
},
},
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
.search {
height: 64rpx;
border-radius: 10rpx;
display: flex;
align-items: center;
justify-content: center;
background: #ededed;
}
.layout {
background: #fff;
padding: 0 16rpx;
}
</style>