59 lines
1.4 KiB
Vue
59 lines
1.4 KiB
Vue
<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> |