ProAdvanced/pages/game-page/game-search/game-search.vue

<template>
	<view>
		<!-- 自定义导航栏 -->
		<uni-nav-bar id="nav-bar" status-bar="true" @clickRight="onNavConver" @clickLeft="showClickEvent('DrawerModalL')"
		 title="游戏" color="#FFFFFF" fixed="true">
			<view slot="left">
				<view class=" flex align-center margin-left">
					<image class="png-more" src="../../../static/more.png"></image>
				</view>
			</view>
		
			<view slot="right">
		<view class=" flex align-center " style="margin-right: 10rpx;">
			<image class="png-more" src="../../../static/mConver.png"></image>
		</view>
			</view>
		</uni-nav-bar>
		<view class="cu-bar search bg-white">
			<view class="search-form round">
				<text class="cuIcon-search"></text>
				<input @focus="InputFocus" @blur="InputBlur" :adjust-position="false" type="text" placeholder="搜索图片、文章、视频" confirm-type="search"></input>
			</view>
			<view class="action">
				<button class="cu-btn bg-green shadow-blur round" @tap="onBack">取消</button>
			</view>
		</view>
		<sideBar ref="sideBar">
			
		</sideBar>
	</view>
</template>

<script>
	import uniNavBar from "@/components/uni-nav-bar/uni-nav-bar.vue";
	import sideBar from "@/components/side-bar/side-bar.vue";
	
	export default {
		components: {
			uniNavBar,
			sideBar
		},
		data() {
			return {
				
			}
		},
		methods: {
			showClickEvent(){
				this.$refs.sideBar.showModal();
			},
			onBack(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style>

</style>