From 12b2c447a6006f99284c4946b3d6f70cbf43280c Mon Sep 17 00:00:00 2001
From: xuxy <1059738716@qq.com>
Date: 星期六, 10 八月 2024 18:26:16 +0800
Subject: [PATCH] 1
---
pages/home/components/home-top-flow.vue | 77 ++++++++++++++++++++++++++++++--------
1 files changed, 61 insertions(+), 16 deletions(-)
diff --git a/pages/home/components/home-top-flow.vue b/pages/home/components/home-top-flow.vue
index 1b5e2ba..7058577 100644
--- a/pages/home/components/home-top-flow.vue
+++ b/pages/home/components/home-top-flow.vue
@@ -1,39 +1,45 @@
<template>
<view class="home-top-flow">
- <view class="item flex" v-for="(item,index) of list" :key="index">
+ <view class="item flex" v-for="(item,index) of list" :key="index" @click="toDetail(item)">
<view class="img">
- <image class="img img100"
- src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/ff/fff3027bd0a146478fd1f0aae816a028%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20240710224139.png">
+ <image class="img img100" :class="[!item.stock?'':'']" :src="item.cover" :lazy-load="true">
</image>
<view class="level">
- A级
+ {{ item.levelStr}}
</view>
</view>
<view class="m-l-12 info-container flex1">
<view class="title">
- 橙色芭比
+ {{ item.name || '-' }}<span v-if="item.categoryStr" class="m-l-10">{{item.categoryStr || '-'}}</span>
<view class="price">
- ￥6.60/扎
+ ￥{{ item.price || 0 }}/扎
</view>
</view>
- <view class="tags">
- <view class="tag red">限时抢购</view>
- <view class="tag green">品质严选</view>
+ <view class="tags" v-if="item.tag">
+ <view class="tag red" v-for="(tag,k) of item.tagArr" :class="[k===0?'red':'green']" :key="tag">{{
+ tag
+ }}
+ </view>
+ <!-- <view class="tag red">限时抢购</view>-->
+ <!-- <view class="tag green">品质严选</view>-->
</view>
<view class="shop-name">
- 小石头花卉
+ {{ item.supplierName || '佚名' }}
</view>
<view class="other-info flex">
<view class="m-r-15">
- 已售:7
+ 已售:{{ item.sales || 0 }}
</view>
<view class="m-r-15">
- 剩余:13
+ 剩余:{{ item.stock || 0 }}
</view>
<view class="m-r-15">
- 1支/扎
+ {{ item.unit || 0 }}
</view>
+ </view>
+ <view class="button-buy m-l-a m-r-0" v-if="item.status=='UP'">
+ 立即抢购
</view>
</view>
</view>
@@ -44,9 +50,37 @@
export default {
data() {
return {
- list: [{}, {}, {}, {}]
+ // list: [{}, {}, {}, {}]
+ query: {
+ status: 'UP',
+ recommend: true
+ }
};
- }
+ },
+ mounted() {
+ this.listApi = '/api/customer/flower/list'
+ this.page.size = 20
+ this.page.current = 1
+ this.getList('post')
+ },
+ methods: {
+ getList_after() {
+ if (this.list) {
+ for (var item of this.list) {
+ item.tagArr = []
+ if (item.tags) {
+ item.tagArr = item.tags.split(",") || []
+ }
+ }
+ }
+ },
+ toDetail(item) {
+ uni.navigateTo({
+ url: '/sub_pages/customer/trade/detail?id=' + item.id
+ })
+ }
+ },
+
}
</script>
@@ -59,7 +93,17 @@
padding: 10rpx;
.info-container {
-
+ .button-buy {
+ width: 128rpx;
+ height: 48rpx;
+ border-radius: 30rpx;
+ border: 2rpx solid #CF0000;
+ font-size: 24rpx;
+ color: #CF0000;
+ line-height: 48rpx;
+ text-align: center;
+ }
+
.other-info {
margin-top: 6rpx;
font-size: 24rpx;
@@ -89,6 +133,7 @@
font-size: 24rpx;
color: #CD1212;
margin-right: 12rpx;
+ text-align: center;
}
.tag.green {
--
Gitblit v1.9.3