<template>
	<view class="jy-store-detail">
		<JyStoreHead></JyStoreHead>
		<!-- <JyStore cardMod="store"></JyStore> -->

		<!-- 店铺卡片 -->
		<view class="jy-shop-card df aic jcsb p25 mt40 bfff">
			<view class="jy-shop-card-header">
				<!-- 店铺头像 -->
				<image class="jy-shop-card-header-img" src="" mode="aspectFill"></image>
				<!-- 店铺信息 名称 评分 关注数量 -->
				<view class="jy-shop-card-header-info">
					<!-- 店铺名称 -->
					<view class="jy-shop-card-header-info-name">
						<text>店铺名称</text>
					</view>
					<view class="df aic">
						<!-- 评分 -->
						<view class="f24 c666 df aic ">
							<uni-rate class="mr10" :value="4.5" :size="12" activeColor="#FF9B27" disabled
								:showScore="true"></uni-rate>
							<text>4.5</text>
						</view>
						<!-- 垂直分割线 -->
						<view class="jy-shop-card-header-info-line"></view>
						<!-- 关注数量 -->
						<view class="c666 f24">
							<text>123关注</text>
						</view>
					</view>
				</view>
			</view>

			<view v-if="cardMod == 'store'" class="jy-shop-card-header-follow-g">
				<view class="btn" @click="followButton">
					<uni-icons class="mr10" color="#FF9B27" type="plusempty" size="13" />
					<text>关注</text>
				</view>
				<view class="btn df aic">
					<image class="kefu" :src="customerService" /><text>客服</text>
				</view>
			</view>
		</view>

		<view class="bfff content">
			<!-- 筛选 -->
			<!-- <JyScreen @status="statusScreening" :filteredList="filteredList"></JyScreen> -->
			<!-- 内容 -->
			<JyContent :conditions="conditions"></JyContent>
			<!-- 筛选详情弹窗 -->
		</view>
	</view>
</template>
<script setup>
	import {
		ref
	} from 'vue'
	import JyStoreHead from './components/jy-store-head'
	// import JyContent from '@/components/public/jy-shop-content'
	// import JyScreen from '../search/components/jy-screen'
	// import JyStore from '../commodity/components/jy-store'
	const conditions = ref({})

	const filteredList = ref([{
		label: '默认',
		value: 1,
		isUpDown: false,
		slot: null
	}, {
		label: '销量',
		value: 2,
		isUpDown: false,
		slot: null
	}, {
		label: '新品',
		value: 3,
		isUpDown: false,
		slot: null
	}, {
		label: '价格',
		value: 4,
		isUpDown: true,
		slot: null
	}])
	const statusScreening = (val) => {
		conditions.value = val
		conditions.value.currentId = val.label
		val.fun && fun[val.fun]()
	}
</script>
<style lang="scss" scoped>
	.jy-store-detail {
		height: auto;
		background: linear-gradient(50deg, #DBFCE9 -7%, #FFFBF3 50%, #FEEEDB 82%, #FEE3CD 102%);

		.content {
			border-top-left-radius: 40rpx;
			border-top-right-radius: 40rpx;
		}
	}
</style>