<template>
    <view class="jy-store-detail">
        <JyStoreHead></JyStoreHead>
        <JyStore cardMod="store"></JyStore>
        <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>