<template>
<view class="liveservice">
	<u-search placeholder="搜索店铺" bgColor="#ffffff" v-model="keyword" height="90rpx" :showAction="false"></u-search>
	<view class="list">
		<view class="listItem" v-for="item in 6" :key="item">
			<image src="../../static/images/img/u1.png" class="leftImg" mode="aspectFill"></image>
			<view class="right">
				<view class="title">
					文具玩具用品店
				</view>
				<view class="time">
					营业时间：07:00-15:00
				</view>
				<view class="addrText">
					地址：江苏省南京市雨花台区赛虹桥街道江苏省南京市雨花台区赛虹桥街道
				</view>
			</view>
		</view>
	</view>
</view>
</template>

<script>
export default{
	data(){
		return{
			keyword:'',
		}
	}
}
</script>

<style scoped lang="scss">
.liveservice{
	background-color: #F2F3F4;
	min-height: calc(100vh);
	padding: 24rpx;
	.listItem{
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-radius: 20rpx;
		margin: 20rpx 0;
		background: #FFFFFF;
		padding: 20rpx;
		.leftImg{
			width: 160rpx;
			height: 160rpx;
			background: #F3F4F5;
			border-radius: 20rpx;
			border: 1px solid #EAEAEA;
			flex-shrink: 0;
		}
		.right{
			flex: 1;
			margin-left: 20rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			overflow: hidden;
			.title{
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #333333;
			}
			.time{
				width: fit-content;
				background: #F9F4F1;
				border-radius: 5rpx;
				padding:9rpx 15rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 24rpx;
				color: #EB6100;
				margin: 20rpx 0;
			}
			.addrText{
				font-family: PingFang SC;
			    font-weight: 500;
			    font-size: 24rpx;
			    color: #666666;
			    white-space: nowrap;
			    overflow: hidden;
			    text-overflow: ellipsis;
			}
		}
	}
}
</style>