From 499a94ded67a4c1e763dc6686afe5a2e99faf407 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期三, 24 七月 2024 11:09:20 +0800
Subject: [PATCH] update 订单功能（花店端）
---
sub_pages/customer/trade/list.vue | 138 +++++++++++++++++++++++----------------------
1 files changed, 70 insertions(+), 68 deletions(-)
diff --git a/sub_pages/customer/trade/list.vue b/sub_pages/customer/trade/list.vue
index edc0e59..21f5466 100644
--- a/sub_pages/customer/trade/list.vue
+++ b/sub_pages/customer/trade/list.vue
@@ -4,10 +4,10 @@
<view class="category-detail flex">
<view class="flex1 info">
<view class="title flex">
- <view>牛油果泡泡</view>
- <view>
- <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
-
+ <view>牛油果泡泡</view>
+ <view>
+ <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
+
</view>
</view>
<view class="desc">
@@ -51,7 +51,7 @@
</view>
</view>
</view>
- <view class="component-shop-item flex" v-for="(item,index) of list" :key="index"
+ <view class="component-shop-item flex" v-for="(item,index) of list" :key="index"
@click="toDetail(item)">
<view class="img">
<image class="img img100"
@@ -95,21 +95,21 @@
</view>
</view>
</view>
-
-
- <view class="icon-shop" v-if="list&&list.length>0">
- <!-- 购物图标 -->
- <!-- 如果有购买的东西，就要附带数字了 -->
- <view v-if="shoptotal>0" class="number">
- {{shoptotal}}
- </view>
+
+
+ <view class="icon-shop" v-if="list&&list.length>0">
+ <!-- 购物图标 -->
+ <!-- 如果有购买的东西，就要附带数字了 -->
+ <view v-if="shoptotal>0" class="number">
+ {{shoptotal}}
+ </view>
</view>
</view>
<!-- 判断是否到底了，自动吧 -->
- <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
-
-
+ <footer-msg :more="page.total>0&&page.total>page.current*page.size"></footer-msg>
+
+
</view>
</template>
@@ -120,8 +120,8 @@
return {
query: {
category: '',
- },
- shoptotal:0,
+ },
+ shoptotal:0,
list:[{},{},{}]
}
},
@@ -130,7 +130,9 @@
console.log('options', options)
this.query.category = options.categoryId || ''
this.listApi = '/api/customer/flower/list'
- // await this.getList('post')
+ this.getList()
+
+ // await this.getList('post')
// this.
},
onReachBottom() {
@@ -147,23 +149,23 @@
uni.navigateTo({
url: `/sub_pages/customer/trade/detail?id=${item.id}`
})
- },
- mulnum(item) {
- if (item.shopnum > 0) {
- item.shopnum -= 1
- }
- this.shoptotal -= 1
- this.$forceUpdate()
-
- },
- addnum(item) {
- if (item.shopnum) {
- item.shopnum += 1
- } else {
- item.shopnum = 1
- }
- this.shoptotal += 1
- this.$forceUpdate()
+ },
+ mulnum(item) {
+ if (item.shopnum > 0) {
+ item.shopnum -= 1
+ }
+ this.shoptotal -= 1
+ this.$forceUpdate()
+
+ },
+ addnum(item) {
+ if (item.shopnum) {
+ item.shopnum += 1
+ } else {
+ item.shopnum = 1
+ }
+ this.shoptotal += 1
+ this.$forceUpdate()
},
}
}
@@ -218,7 +220,7 @@
font-weight: 600;
font-size: 32rpx;
color: #BF0000;
- line-height: 44rpx;
+ line-height: 44rpx;
margin-top: 12rpx;
}
@@ -226,41 +228,41 @@
font-weight: 400;
font-size: 24rpx;
color: #666666;
- line-height: 34rpx;
+ line-height: 34rpx;
margin-top: 12rpx;
}
}
}
-
- .icon-shop {
- position: absolute;
- position: fixed;
-
- background-image: url('../../../static/images/customer/gwc.png');
- width: 140rpx;
- height: 140rpx;
- // box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.16);
- border-radius: 50%;
- right: 40rpx;
- bottom: 300rpx;
- background-size: 100% 100%;
-
- .number {
- width: 30rpx;
- height: 30rpx;
- background: #F20000;
- line-height: 30rpx;
- text-align: center;
- position: absolute;
- right: 14rpx;
- top: 14rpx;
- color: #FFFFFF;
- border-radius: 50%;
- font-size: 24rpx;
- }
-
- }
-
+
+ .icon-shop {
+ position: absolute;
+ position: fixed;
+
+ background-image: url('../../../static/images/customer/gwc.png');
+ width: 140rpx;
+ height: 140rpx;
+ // box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.16);
+ border-radius: 50%;
+ right: 40rpx;
+ bottom: 300rpx;
+ background-size: 100% 100%;
+
+ .number {
+ width: 30rpx;
+ height: 30rpx;
+ background: #F20000;
+ line-height: 30rpx;
+ text-align: center;
+ position: absolute;
+ right: 14rpx;
+ top: 14rpx;
+ color: #FFFFFF;
+ border-radius: 50%;
+ font-size: 24rpx;
+ }
+
+ }
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3