diff --git a/locale/en.json b/locale/en.json
index 1d2dcef5..b9a0e787 100644
--- a/locale/en.json
+++ b/locale/en.json
@@ -56,6 +56,7 @@
 		"confirm_sub": "Confirm submission",
         "submit_payment": "Submit payment",
         "my_want_receive": "I want to claim it",
+        "use_guide": "Use Guide",
 		"clear": "empty",
 		"all": "All",
 		"share": "Share",
diff --git a/locale/zh.json b/locale/zh.json
index 03bef785..b54836e7 100644
--- a/locale/zh.json
+++ b/locale/zh.json
@@ -56,6 +56,7 @@
 		"confirm_sub": "确认提交",
         "submit_payment": "提交支付",
         "my_want_receive": "我要领取",
+        "use_guide": "使用指南",
 		"clear": "清空",
 		"all": "全部",
 		"share": "分享",
diff --git a/pages/user-order-detail/user-order-detail.css b/pages/user-order-detail/user-order-detail.css
index fa33b230..866bd004 100644
--- a/pages/user-order-detail/user-order-detail.css
+++ b/pages/user-order-detail/user-order-detail.css
@@ -65,11 +65,12 @@
 */
 .order-item-goods-info-container .nav-base .item:nth-child(1),
 .order-item-goods-info-container .nav-base .item:nth-child(2) {
-    width: 18%;
+    width: 12.5%;
 }
 .order-item-goods-info-container .nav-base .item:nth-child(3),
-.order-item-goods-info-container .nav-base .item:nth-child(4) {
-    width: 32%;
+.order-item-goods-info-container .nav-base .item:nth-child(4),
+.order-item-goods-info-container .nav-base .item:nth-child(5) {
+    width: 25%;
 }
 .order-item-goods-info-container .scroll-content {
     height: 70vh;
diff --git a/pages/user-order-detail/user-order-detail.vue b/pages/user-order-detail/user-order-detail.vue
index 6e52b9d8..25ecd7cd 100644
--- a/pages/user-order-detail/user-order-detail.vue
+++ b/pages/user-order-detail/user-order-detail.vue
@@ -250,6 +250,15 @@
                                     <component-no-data propStatus="0"></component-no-data>
                                 </block>
                             </block>
+                            <!-- 使用指南 -->
+                            <block v-else-if="order_item_goods_info_nav_index == 'use-guide'">
+                                <view v-if="(order_item_goods_info_data.goods_use_guide || null) != null" class="web-html-content">
+                                    <mp-html :content="order_item_goods_info_data.goods_use_guide" />
+                                </view>
+                                <block v-else>
+                                    <component-no-data propStatus="0"></component-no-data>
+                                </block>
+                            </block>
                         </scroll-view>
                     </block>
                     <block v-else>
@@ -292,7 +301,8 @@
                     'base': this.$t('common.base'),
                     'params': this.$t('common.params'),
                     'detail-web': this.$t('common.detail_text')+'('+this.$t('common.web_client')+')',
-                    'detail-app': this.$t('common.detail_text')+'('+this.$t('common.app_client')+')'
+                    'detail-app': this.$t('common.detail_text')+'('+this.$t('common.app_client')+')',
+                    'use-guide': this.$t('common.use_guide'),
                 },
             };
         },