master
RIceWqy
2 years ago
parent
1d811f7eee
commit
71f8571f1a
@ -1,110 +1,109 @@
|
||||
<template>
|
||||
<!-- 商品列表 -->
|
||||
<view class="prod-item">
|
||||
<block v-if="prodList.length">
|
||||
<block v-for="(prod, key) in prodList" :key="key">
|
||||
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
|
||||
<view class="hot-imagecont">
|
||||
<image :src="prod.pic" class="hotsaleimg" />
|
||||
<view class="prod-item">
|
||||
<block v-if="prodList.length">
|
||||
<block v-for="(prod, key) in prodList" :key="key">
|
||||
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
|
||||
<view class="hot-imagecont">
|
||||
<image :src="prod.pic" class="hotsaleimg"/>
|
||||
</view>
|
||||
<view class="hot-text">
|
||||
<view class="hotprod-text">
|
||||
{{ prod.prodName }}
|
||||
</view>
|
||||
<view class="hot-text">
|
||||
<view class="hotprod-text">
|
||||
{{ prod.prodName }}
|
||||
</view>
|
||||
<view class="prod-info">
|
||||
{{ prod.brief }}
|
||||
</view>
|
||||
<view class="prod-text-info">
|
||||
<view class="price">
|
||||
<text class="symbol">
|
||||
￥
|
||||
</text>
|
||||
<text class="big-num">
|
||||
{{ wxs.parsePrice(prod.price)[0] }}
|
||||
</text>
|
||||
<text class="small-num">
|
||||
.{{ wxs.parsePrice(prod.price)[1] }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="prod-info">
|
||||
{{ prod.brief }}
|
||||
</view>
|
||||
<view class="prod-text-info">
|
||||
<view class="price">
|
||||
<text class="symbol">
|
||||
￥
|
||||
</text>
|
||||
<text class="big-num">
|
||||
{{ wxs.parsePrice(prod.price)[0] }}
|
||||
</text>
|
||||
<text class="small-num">
|
||||
.{{ wxs.parsePrice(prod.price)[1] }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</block>
|
||||
<view v-else class="empty-wrap">
|
||||
暂无商品数据~
|
||||
</view>
|
||||
</block>
|
||||
<view v-else class="empty-wrap">
|
||||
暂无商品数据~
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const wxs = number()
|
||||
const wxs = number()
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad((options) => {
|
||||
getProdList()
|
||||
})
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad((options) => {
|
||||
getProdList()
|
||||
})
|
||||
|
||||
const current = ref(1)
|
||||
const pages = ref(0)
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom(() => {
|
||||
if (current.value < pages.value) {
|
||||
current.value = current.value + 1
|
||||
getProdList()
|
||||
}
|
||||
})
|
||||
|
||||
const intoView = ref('')
|
||||
const subCategoryList = ref([])
|
||||
|
||||
const prodList = ref([])
|
||||
const isLoaded = ref(false) // 列表是否加载完毕
|
||||
/**
|
||||
* 根据分类id获取商品列表数据
|
||||
*/
|
||||
const getProdList = () => {
|
||||
isLoaded.value = false
|
||||
|
||||
http.request({
|
||||
url: '/prod/prodListByMember',
|
||||
method: 'GET',
|
||||
data: {
|
||||
current: current.value,
|
||||
size: 10,
|
||||
sort: 0,
|
||||
isAllProdType: true
|
||||
}
|
||||
})
|
||||
.then(({
|
||||
data
|
||||
}) => {
|
||||
isLoaded.value = true
|
||||
prodList.value = data.current == 1 ? data.records : prodList.value.concat(data.records)
|
||||
current.value = data.current
|
||||
pages.value = data.pages
|
||||
})
|
||||
const current = ref(1)
|
||||
const pages = ref(0)
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom(() => {
|
||||
if (current.value < pages.value) {
|
||||
current.value = current.value + 1
|
||||
getProdList()
|
||||
}
|
||||
})
|
||||
|
||||
const intoView = ref('')
|
||||
const subCategoryList = ref([])
|
||||
|
||||
/**
|
||||
* 跳转商品下详情
|
||||
*/
|
||||
const toProdPage = (e) => {
|
||||
const prodid = e.currentTarget.dataset.prodid
|
||||
if (prodid) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/prod/prod?prodid=' + prodid
|
||||
})
|
||||
const prodList = ref([])
|
||||
const isLoaded = ref(false) // 列表是否加载完毕
|
||||
/**
|
||||
* 根据分类id获取商品列表数据
|
||||
*/
|
||||
const getProdList = () => {
|
||||
isLoaded.value = false
|
||||
|
||||
http.request({
|
||||
url: '/prod/prodListByMember',
|
||||
method: 'GET',
|
||||
data: {
|
||||
current: current.value,
|
||||
size: 10,
|
||||
sort: 0,
|
||||
isAllProdType: true
|
||||
}
|
||||
})
|
||||
.then(({
|
||||
data
|
||||
}) => {
|
||||
isLoaded.value = true
|
||||
prodList.value = data.current == 1 ? data.records : prodList.value.concat(data.records)
|
||||
current.value = data.current
|
||||
pages.value = data.pages
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 跳转商品下详情
|
||||
*/
|
||||
const toProdPage = (e) => {
|
||||
const prodid = e.currentTarget.dataset.prodid
|
||||
if (prodid) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/prod/prod?prodid=' + prodid
|
||||
})
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use './member.scss';
|
||||
@use './member.scss';
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue