feat：添加分销模块

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "芋道商城",
-  "appid": "__UNI__910C076",
+  "appid": "__UNI__B2207E6",
   "description": "基于 uni-app + Vue3 技术驱动的在线商城系统，内含诸多功能与丰富的活动，期待您的使用和反馈。",
   "versionName": "2.1.0",
   "versionCode": "183",

sheep/components/s-block-item/s-block-item.vue

@@ -56,10 +56,23 @@
     <s-wallet-card v-if="type === 'UserWallet'" :data="data" :styles="styles" />
     <!-- 用户组件：用户卡券 -->
     <s-coupon-card v-if="type === 'UserCoupon'" :data="data" :styles="styles" />
+
+    <!-- 分销组件：分销中心 -->
+    <!-- 分销组件：分销中心 -->
+    <!-- <img src="@/static/fenxiao.png" alt="分销中心" width="1rpx" height="1rpx" /> -->
+
+    <view class="distribution-item" @click="goToDistribution" v-if="type === 'UserCoupon'">
+      <view class="distribution-icon">
+        <uni-icons type="link" size="30"></uni-icons>
+      </view>
+      <view class="distribution-text">分销中心</view>
+    </view>
   </view>
 </template>
 
 <script setup>
+  import sheep from '@/sheep';
+
   /**
    * 装修组件 - 组件集
    */
@@ -77,7 +90,45 @@
       default() {},
     },
   });
+
   function onSearch() {}
+
+  // 跳转到分销中心
+  function goToDistribution() {
+    sheep.$router.go('/pages/commission/index');
+  }
 </script>
 
-<style></style>
+<style scoped>
+  .distribution-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    padding-top: 16rpx;
+    margin-left: 64rpx;
+    /* margin: 20rpx; */
+    cursor: pointer;
+    width: auto;
+    align-self: flex-start;
+  }
+
+  .distribution-icon {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    margin-bottom: 10rpx;
+  }
+
+  .distribution-text {
+    font-size: 24rpx;
+    color: #333;
+    text-align: left;
+    margin-left: -8rpx;
+    margin-top: 8rpx;
+  }
+
+  .distribution-item:active {
+    opacity: 0.7;
+  }
+</style>