wx_mini_app/components/searchHotel/searchHotel.vue

<template>
	<view>
		<div style="width:90vw;margin:auto;margin-top:10px;">
			<u-search placeholder="搜索" v-model="keyword" :showAction="false"></u-search>
		</div>
		<div>
			<div class="list-hotel" @click="handleToCard">
				<div>
					希尔顿酒店
				</div>
				<div>
					<u-icon name="arrow-right" color="#00000068" size="26"></u-icon>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				keyword:''
			}
		},
		methods: {
			handleToCard(){
				uni.navigateTo({
					url:'/components/hotelCard/hotelCard'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.list-hotel{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-bottom: 1px solid #00000011;
}
</style>