siyu_app/pages/common/nav-test.vue

<template>
	<view>
		
	<!-- 	<view class="">顶部占位</view>
		<view class="es-bc-red">
			<es-top></es-top>
		</view>
		
		<view class="">导航栏</view>
		<es-nav title="导航栏"></es-nav> -->
		
		<!-- <view class="">带背景导航栏</view> -->
		<es-nav-bg ref="esNavBg">
			<view class="es-view-w-x es-h-88 es es-ac" >
				<view class="es-icon-30 es-w-17 es-h-31 es-icon-default"></view>
				<view class="es-f1 es-bc-white es-ml-23 es-h-70 es-br es es-ac">
					<view class="es-icon-26 es-ml-27 es-icon-default"></view>
					<view class="es-f1 es-ipt es-bc-white">
						<input placeholder="请输入关键字搜索" class="es-fs-24" placeholder-class="es-c-b4" />
					</view>
					<view class="es-w-108 es-h-58 es-br es-bc es-mr-7  es es-ac es-pc es-fw-500 es-fs-26">搜索</view>
				</view>
			</view>
		</es-nav-bg>
		<view class="es-h-88"></view>
		
		<view class="es-view-w-x">
			<view class="es es-ac">
				<view class="es-fs-36 es-fw-500">搜索发现</view>
				<view class=""></view>
			</view>
			
		</view>
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				
			}
		},
		onLoad(options) {
			
			
		},
		onPageScroll:function(e){
			this.$refs.esNavBg.scrollBody(e);
		},
		methods: {
			

		}
	}
</script>

<style>
	
</style>