<template>
	<s-layout title="平台学院">
		<view class="container">
			<!-- 顶部 -->
			<view class="top">
				<!-- 顶部-地址&搜索 -->
				<view class="locTop">
					<view class="locTop-right">
						<uni-section style="border-radius: 192rpx;padding: 0;" type="line">
							<uni-search-bar style="border-radius: 192rpx;" radius="23" placeholder="搜索您需要的信息"
								bgColor="#EEEEEE" clearButton="none" cancelButton="none" @confirm="searchRent" @blur="searchRent1"/>
						</uni-section>
						<!-- <uni-search-bar></uni-search-bar> @confirm="search"-->
					</view>
					
				</view>
			
				
			</view>
			
			<!-- 推荐列表 -->
			<view class="recommend-box">
				<view class="rrecommList">
					<view class="reListItem">
						<!-- 左侧图片 -->
						<view class="listItem-images">
							<image style="width: 77rpx;height: 36rpx;z-index: 100;position: relative;top: 34rpx;left: 0rpx;"
								src="https://jiangxiaoxian.0rui.cn/hot.png"></image>
							<image class="iamges-mainImg" src="https://jiangxiaoxian.0rui.cn/model.png"></image>
						</view>
						<!-- 右侧内容 -->
						<view class="listItem-contents">
							<view class="title2" style="margin-bottom: 20rpx;">食堂餐厅外包]洛阳某本科食堂新装修</view>
							<view class="">标签</view>
							<view class="cons-third">
								<view style="display: flex;">
									<image style="width: 24rpx;height: 24rpx;"
										src="https://jiangxiaoxian.0rui.cn/locationList.png"></image>
									<view class="title3" style="margin-left: 10rpx;">河南省洛阳市</view>
								</view>
								<view class="title3">2025-07-24</view>
								<view style="display: flex;">
									<image style="width: 26rpx;height: 20rpx;"
										src="https://jiangxiaoxian.0rui.cn/eye.png"></image>
									<view class="title3" style="margin-left: 10rpx;">11400</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
		</view>
	</s-layout>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.search-result {
		padding-top: 10px;
		padding-bottom: 20px;
		text-align: center;
	}
	
	.search-result-text {
		text-align: center;
		font-size: 14px;
		color: #666;
	}
	
	.example-body {
		/* #ifndef APP-NVUE */
		display: block;
		/* #endif */
		padding: 0px;
	}
	
	.uni-mt-10 {
		margin-top: 10px;
	}
	
	.title2 {
		color: #3d3d3d;
		font-size: 30rpx;
		font-weight: 800;
		line-height: 42rpx;
	}
	
	.title3 {
		font-size: 20rpx;
		font-weight: 400;
		color: #999999;
		line-height: 22rpx;
	}
	
	.container {
		width: 100%;
		height: 100%;
		
		.top {
			width: 100%;
			height: 80rpx;
			background-color: #ffffff;
			// background-image: url('https://jiangxiaoxian.0rui.cn/topBack.png');
			background-size: 100%;
			padding: 30rpx ;
			display: grid;
		
			.locTop {
				width: 96%;
				height: 70rpx;
				display: flex;
				justify-content: space-between;
				// align-items: center;
				
				.locTop-right {
					width: 96%;
					height: 70rpx;
		
				}
			}
		
		}
		
		.recommend-box {
			margin-top: 30rpx;
			padding: 0rpx 30rpx;
		
			.rrecommList {
				// margin: 0 auto;
				// margin-top: 30rpx;
				// padding: 30rpx;
		
				.reListItem {
					background-color: #ffffff;
					width: 640rpx;
					height: 190rpx;
					padding: 30rpx;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					border-radius: 18rpx;
		
					.listItem-images {
						display: grid;
						justify-content: flex-start;
		
						.iamges-mainImg {
							width: 190rpx;
							height: 190rpx;
							position: relative;
							right: 0rpx;
							bottom: 18rpx;
							z-index: 1;
		
						}
					}
					
					.listItem-contents {
						margin-left: 20rpx;
						
						.cons-third {
							margin-top: 20rpx;
							display: flex;
							justify-content: space-around;
							align-items: center;
						}
					}
				}
		
			}
		
		}
		
	}
</style>