xs/xs-app/pages/bookstore/template/template-book-Search.vue

<template>
	<view class="book-Search-content" @click="clickGoSearch">
		<view class="icon">
			<image class="image" src="../../../static/imgs/bookstore/img_search.png" mode="aspectFit"></image>
		</view>
		<view class="text">请输入名称</view>
	</view>
</template>

<script setup lang="ts">
	function clickGoSearch() {
		uni.navigateTo({
			url: '/pagesA/search/search'
		})
	}
	
</script>

<style lang="scss">
	.book-Search-content{		
		display: flex;
		box-sizing: border-box;
		align-items: center;
		height: 80rpx;
		margin: 15px;
		border-radius: 35rpx;
		border: 2rpx solid #000000;
		background-color: #ffffff;
		
		.icon{
			margin: 0 30rpx;
			flex-shrink: 0;
			width: 53rpx;
			height: 53rpx;
			.image {
				width: 100%;
				height: 100%;
			}
		}
		
		.text{
			font-size: 18px;
			color: #8F8F8F;
		}
	}
	
</style>