GterForumWeB/src/views/search/searchResult/SearchResult.vue

<template>
	<div class="container">
		<!-- 搜索框 -->
		<div class="search-input-box flexacenter">
			<div class="search-input flexacenter">
				<img class="search-input-icon" src="@/assets/img/headerNav/search.png">
				<input class="flex1" />
				<img class="search-input-cross" src="@/assets/img/icon/clear.png">

			</div>
			<div class="search-input-cancel">取消</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "SearchResult",
	data() {
		return {

		}
	},
	components: {

	},
}
</script>

<style lang="scss" scoped>
.container {
	padding-top: 1.3rem;

	.search-input-box {

		margin-left: .32rem;


		.search-input {
			width: 8.2rem;
			height: .96rem;
			border-radius: 2.56rem;
			background: rgba(235, 235, 235, 1);
			padding-left: .4rem;

			.search-input-icon,
			.search-input-cross {
				width: .4rem;
				height: .4rem;
			}

			.search-input-cross {
				padding-right: .4rem;
			}

		}

		.search-input-cancel {
			color: #000;
			font-size: .36rem;
			padding: .46rem;
		}
	}

}
</style>