uniProject/pages/demo/demo1.vue

<template>
	<view class="demo1">
		<!---------- 标题文字 ------------>
		<!-- 箭头+标题文字 -->
		<view class="icon-title-navBar-box">
			<view @click="goUpPage" class="nav-bar-icon"></view>
			<text class="nav-bar-title">箭头+标题文字</text>
		</view>
		
		<!-- 箭头+标题文字 + 文字按钮-->
		<view class="ezy-navBar-box">
			<view class="nav-bar-icon"></view>
			<text class="nav-bar-title">订单支付</text>
			<view class="text-btn">取消订单</view>
		</view>
		<!--  仅一个箭头 -->
		<!-- <view @click="goUpPage" class="ezy-nav-bar-icon"></view> -->
		<view class="icon-title-navBar-box">
			<text class="nav-bar-title">标题文字</text>
		</view>
		<!-- switch -->
		<view>
			<view class="uni-list-cell-db">照片</view>
			<switch checked @change="switch1Change" />
		</view>
		<!---------- 搜索框 ------------>
		<!-- 查询职业 -->
		<view class="phone-search-box">
			<input class="search-input" placeholder="请输入职业名称" v-model="data.zyName" />
			<view class="search-icon" @click="handleSearch">
				<uni-icons type="search" size="24" color="#fff"></uni-icons>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {ref,reactive} from "vue";
	const data = reactive({
		zyName: '', // 职业名称
	})
	function goUpPage(){}
	function handleSearch(){}
</script>

<style>
</style>