更新开发文档，强调接口路径必须按使用方区分，禁止通用路径混用。新增小程序分享功能，统一使用推荐码，确保用户体验一致性。

miniprogram2/custom-tab-bar/index.wxml

@@ -0,0 +1,47 @@
+<!--custom-tab-bar/index.wxml-->
+<view class="tab-bar {{matchEnabled ? 'tab-bar-four' : 'tab-bar-three'}}">
+  <view class="tab-bar-border"></view>
+  
+  <!-- 首页 -->
+  <view class="tab-bar-item" data-path="{{list[0].pagePath}}" data-index="0" bindtap="switchTab">
+    <view class="icon-wrapper">
+      <image class="tab-icon {{selected === 0 ? 'icon-active' : ''}}" 
+             src="/assets/icons/home.svg" 
+             mode="aspectFit"
+             style="color: {{selected === 0 ? selectedColor : color}}"></image>
+    </view>
+    <view class="tab-bar-text" style="color: {{selected === 0 ? selectedColor : color}}">{{list[0].text}}</view>
+  </view>
+
+  <!-- 目录 -->
+  <view class="tab-bar-item" data-path="{{list[1].pagePath}}" data-index="1" bindtap="switchTab">
+    <view class="icon-wrapper">
+      <image class="tab-icon {{selected === 1 ? 'icon-active' : ''}}" 
+             src="/assets/icons/list.svg" 
+             mode="aspectFit"
+             style="color: {{selected === 1 ? selectedColor : color}}"></image>
+    </view>
+    <view class="tab-bar-text" style="color: {{selected === 1 ? selectedColor : color}}">{{list[1].text}}</view>
+  </view>
+
+  <!-- 找伙伴 - 中间突出按钮（根据配置显示） -->
+  <view class="tab-bar-item special-item" wx:if="{{matchEnabled}}" data-path="{{list[2].pagePath}}" data-index="2" bindtap="switchTab">
+    <view class="special-button {{selected === 2 ? 'special-active' : ''}}">
+      <image class="special-icon" 
+             src="/assets/icons/partners.svg" 
+             mode="aspectFit"></image>
+    </view>
+    <view class="tab-bar-text special-text" style="color: {{selected === 2 ? selectedColor : color}}">{{list[2].text}}</view>
+  </view>
+
+  <!-- 我的 -->
+  <view class="tab-bar-item" data-path="{{list[3].pagePath}}" data-index="{{matchEnabled ? 3 : 2}}" bindtap="switchTab">
+    <view class="icon-wrapper">
+      <image class="tab-icon {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? 'icon-active' : ''}}" 
+             src="/assets/icons/user.svg" 
+             mode="aspectFit"
+             style="color: {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? selectedColor : color}}"></image>
+    </view>
+    <view class="tab-bar-text" style="color: {{(matchEnabled && selected === 3) || (!matchEnabled && selected === 2) ? selectedColor : color}}">{{list[3].text}}</view>
+  </view>
+</view>