gaobaoUniApp/components/search-input-box/search-input-box.vue

<template>
	<div class="search-input-box">
		<div>
			<image class="search_icon_nor" src="../../static/search_icon_nor.png" mode=""></image>
		</div>
			<input type="text" placeholder="搜索专业、院校" value="" />
	</div>
</template>

<script>
</script>

<style>
	.search-input-box{
		width:690upx;
		height:70upx;
		background:rgba(248,248,248,1);
		border-radius:36upx;
		border:1upx solid rgba(242,242,242,1);
	}
	.search-input-box image{
		width:70upx;
		height:70upx;
		margin-left: 20upx;
		float: left;
	}
	.search-input-box  uni-input {
		overflow: visible;
		float: left;
	}
	.search-input-box input{
		 box-sizing: border-box;
		 outline: none;
		 padding-left: 10upx;
		 border:0;
		 height:70upx;
		 }
	.search-input-box .uni-input-placeholder{
		width:196upx;
		height:40upx;
		font-size:28upx;
		font-family:PingFangSC;
		font-weight:400;
		color:rgba(175,178,191,1);
		line-height:40upx;
	}
		
</style>