MinNan/chuanCheng_fenbao/search/search.vue

<template>
	<view class="box">
		<u-navbar title="搜索" :autoBack="true" bgColor="rgba(255,255,255,255)" :placeholder="true" titleStyle="font-weight:bold;color:#121212"></u-navbar>
		<view class="box_search" @click="searchBtn">
			<u-search :shape="square" v-model="val" bgColor="#efefef" :showAction="false" height="70rpx"></u-search>
			<view class="sousuo">搜索</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			val: ''
		};
	},
	methods: {
		searchBtn() {}
	}
};
</script>

<style>
.box {
	height: auto;
	width: 100%;
	background-color: #f8f8f8;
	background-attachment: fixed;
	position: relative;
	display: flex;
	flex-direction: column;
}
.box_search {
	display: flex;
	margin: 20rpx 32rpx 0 46rpx;
	width: 650rpx;
	height: 80rpx;
}

.sousuo {
	width: 118rpx;
	height: 80rpx;
	text-align: center;
	color: #ffffff;
	line-height: 80rpx;
	background: #ca5642;
	border-radius: 20rpx;
}
</style>