<template>
	<div class="flex h-full flex-col">
		<ConversationHeader />
		<!--   <van-search
      background="#fff"
      readonly
      :placeholder="$t('placeholder.search')"
      @click-input="clickInput"
    /> -->
		<view class="search" @click="$router.push('globalSearch')">
			<img src="@assets/images/search.png" alt="">搜索
		</view>
		<ConversationList />
	</div>
</template>

<script name="conversation" setup lang="ts">
	import ConversationHeader from './components/ConversationHeader.vue'
	import ConversationList from './components/ConversationList.vue'

	const emit = defineEmits([])
	const props = defineProps()

	const router = useRouter()

	const clickInput = () => {
		router.push('globalSearch')
	}
</script>

<style lang="scss" scoped>
	:deep(.van-search) {
		padding-top: 0 !important;
	}

	.search {
		background-color: #F8F8F8;
		width: 22.42rem;
		height: 2.47rem;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0.26rem;
		margin: 0 auto;
		font-size: 1.1rem;
		color: #B6B6B6;
		border: 0.03rem solid #F0F0F0;
		margin-bottom: 0.45rem;

		img {
			width: 1.24rem;
			height: 1.24rem;
			margin-right: 0.52rem;
			margin-top: -0.2rem;
		}
	}
</style>