fix(commission): 修复收益中心功能专区菜单响应式绑定与文字颜色，补齐分销静态图标

uniapp/pages/commission/components/commission-menu.vue

@@ -10,7 +10,7 @@
     </view>
     <view class="menu-list ss-flex ss-flex-wrap">
       <view
-        v-for="(item, index) in state.menuList"
+        v-for="(item, index) in menuList"
         :key="index"
         class="item-box ss-flex-col ss-col-center"
         @tap="sheep.$router.go(item.path)"
@@ -20,27 +20,9 @@
           :src="sheep.$url.static(item.img)"
           mode="aspectFill"
         ></image>
-        <view>{{ item.title }}</view>
+        <view class="menu-title">{{ item.title }}</view>
       </view>
     </view>
-
-    <!-- <uni-grid :column="4" :showBorder="false" :highlight="false">
-      <uni-grid-item
-        v-for="(item, index) in state.menuList"
-        :index="index"
-        :key="index"
-        @tap="sheep.$router.go(item.path)"
-      >
-        <view class="grid-item-box ss-flex ss-flex-col ss-row-center ss-col-center">
-          <image
-            class="menu-icon ss-m-b-10"
-            :src="sheep.$url.static(item.img)"
-            mode="aspectFill"
-          ></image>
-          <text class="menu-title">{{ item.title }}</text>
-        </view>
-      </uni-grid-item>
-    </uni-grid> -->
   </view>
 </template>
 
@@ -104,15 +86,13 @@
       },
   ];
 
-  const state = {
-    menuList: computed(() =>
-      allMenus.filter((item) => {
-        if (item.isAgentFrom && !userInfo.value?.agent_form) return false;
-        if (item.hideInPartner && userInfo.value?.partner_mode !== false) return false;
-        return true;
-      }),
-    ),
-  };
+  const menuList = computed(() =>
+    allMenus.filter((item) => {
+      if (item.isAgentFrom && !userInfo.value?.agent_form) return false;
+      if (item.hideInPartner && userInfo.value?.partner_mode !== false) return false;
+      return true;
+    }),
+  );
 </script>
 
 <style lang="scss" scoped>
@@ -153,25 +133,26 @@
   }
 
   .menu-list {
-    padding: 50rpx 0 10rpx 0;
+    padding: 30rpx 0 10rpx 0;
     background: #fdfae9;
     border-radius: 0 0 12rpx 12rpx;
   }
   .item-box {
     width: 25%;
-    margin-bottom: 40rpx;
+    margin-bottom: 30rpx;
   }
 
   .menu-icon {
     width: 68rpx;
     height: 68rpx;
-    background: #ffffff;
     border-radius: 50%;
   }
 
   .menu-title {
-    font-size: 26rpx;
+    font-size: 24rpx;
     font-weight: 500;
-    color: #ffffff;
+    color: #595959;
+    line-height: 32rpx;
+    text-align: center;
   }
 </style>