From 3f46bf31e8b000f7dc5ca57006d3181ea6e81d6c Mon Sep 17 00:00:00 2001
From: mixtan <424491071@qq.com>
Date: Mon, 11 Aug 2025 11:04:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E8=A3=85=E4=BF=AE?=
 =?UTF-8?q?=E7=A7=92=E6=9D=80=E6=B4=BB=E5=8A=A8=E8=B4=AD=E7=89=A9=E8=BD=A6?=
 =?UTF-8?q?=EF=BC=9B=E8=81=94=E8=B0=83=E7=A7=92=E6=9D=80=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E5=8A=A0=E8=B4=AD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/themes/diy.vue     |   4 +-
 pagesub/diy-page/diy-page.vue | 119 +++++++++++++++++++++++++++++-----
 2 files changed, 103 insertions(+), 20 deletions(-)

diff --git a/components/themes/diy.vue b/components/themes/diy.vue
index 2366eff..10aae37 100644
--- a/components/themes/diy.vue
+++ b/components/themes/diy.vue
@@ -1051,12 +1051,12 @@ export default {
     ]),
 
     getGoodsStatus (item){
-      return item?.product_quantity == 0 || item?.item_quantity == 0 || typeof item.product_quantity == 'undefined' || typeof item.item_quantity == 'undefined'
+      return item?.product_quantity == 0 || item?.item_quantity == 0
     },
 
     async addCart(item) {
 
-      if (item?.product_quantity == 0 || item?.item_quantity == 0 || typeof item.product_quantity == 'undefined' || typeof item.item_quantity == 'undefined') {
+      if (item?.product_quantity == 0 || item?.item_quantity == 0) {
         uni.showToast({
           icon: 'error',
           title: this.$.__("商品库存不足")
diff --git a/pagesub/diy-page/diy-page.vue b/pagesub/diy-page/diy-page.vue
index 06d4eef..b995898 100644
--- a/pagesub/diy-page/diy-page.vue
+++ b/pagesub/diy-page/diy-page.vue
@@ -7,26 +7,20 @@
 		<!-- #ifdef APP-PLUS -->
 		<share-box-app :shareDataDefault="shareData" ref="shareBoxApp"></share-box-app>
 		<!-- #endif -->
+
+
+		 <view
+      class="diy_goods_carts"
+	    @click="gopage(`/pages/index/cart?category_id=${shopInfo.category_id}&store_id=${shopInfo.store_id}`)"
+    >
+      <view class="box">
+        <image class="icon" src="https://media-mall-prod-1259811287.cos.ap-guangzhou.myqcloud.com/static/icon/icon_shop.png" />
+        <text class="icon_badge">{{ goodsNum }}</text>
+      </view>
+    </view>
 	</view>
 </template>
 
-
-<style lang="scss">
-@import '../../styles/_variables.scss';
-
-@import '../../styles/layout.scss';
-
-.page {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	min-height: 100%;
-	/* background-size: cover !important; */
-	background-position: top center !important;
-}
-</style>
-
 <script>
 import statusBar from '../../components/status-bar.vue';
 
@@ -45,6 +39,7 @@ export default {
 	 */
 	data: function() {
 		return {
+			goodsNum: 0,
 			options: {},
 			PageData: {},
 			PageContent: [],
@@ -83,8 +78,17 @@ export default {
 		'plantformInfo',
 		'shopInfo',
 		'userInfo',
-		'hasLogin'
+		'hasLogin',
+		"cartNum",
 	]),
+	 watch: {
+    cartNum: {
+      handler(newVal) {
+        this.goodsNum = newVal;
+      },
+      immediate: true,
+    },
+  },
 	/**
 	 * 生命周期函数--监听页面加载
 	 */
@@ -225,6 +229,12 @@ export default {
 	methods: {
 		...mapMutations(['login', 'logout', 'getPlantformInfo', 'forceUserInfo', 'getUserInfo']),
 
+		gopage(url){
+			 this.$.navigateTo({
+          url
+        });
+		},
+
 		getPageInfo: function(force_refresh) {
 			var that = this,
 				params = {
@@ -360,3 +370,76 @@ export default {
 	}
 };
 </script>
+
+
+<style lang="scss">
+@import '../../styles/_variables.scss';
+
+@import '../../styles/layout.scss';
+
+.page {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	min-height: 100%;
+	/* background-size: cover !important; */
+	background-position: top center !important;
+}
+
+ .diy_goods_carts {
+	position: fixed;
+	right: 24rpx;
+	bottom: 240rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    flex: 1;
+    color: #666;
+    text-align: center;
+	background: #fff;
+	border-radius: 100%;
+	padding: 12rpx;
+	box-shadow: 2rpx 4rpx 20rpx rgba(0,0,0,0.3);
+
+    .icon {
+      width: 48rpx;
+      height: 48rpx;
+      display: block;
+    }
+
+    .desc {
+      font-size: 24rpx;
+      line-height: 14rpx;
+    }
+
+    .icon_badge {
+      display: block;
+      position: absolute;
+      right: -5px;
+      top: -5px;
+      text-align: center;
+      line-height: 24rpx;
+      font-size: 24rpx;
+      padding: 4rpx 10rpx;
+      border-radius: 20rpx;
+      color: #fff;
+      background: #dd524d;
+    }
+
+    .box {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 10rpx;
+    }
+
+    &.current {
+       color: #dd524d;
+       font-weight: 900;
+    }
+  }
+</style>