101 lines
2.6 KiB
Vue
101 lines
2.6 KiB
Vue
<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> |