diff --git a/src/pages.json b/src/pages.json
index c6a890d..ab61a26 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -366,7 +366,7 @@
 		{
 			"root": "subpackage/retail",
 			"pages": [
-			  {
+			  	{
 					"path": "pages/index/index",
 					"style" : {
 						"navigationBarTitleText": "商品零售" 
@@ -390,6 +390,12 @@
 			"root": "subpackage/order",
 			"pages": [
 				{
+					"path": "pages/mall/send_out/send_out",
+					"style" : {
+						"navigationBarTitleText": "发货" 
+					}
+				},
+				{
 					"path": "pages/mall/detail/detail",
 					"style" : {
 						"navigationBarTitleText": "商城订单详情" 
diff --git a/src/subpackage/order/pages/mall/detail/detail.vue b/src/subpackage/order/pages/mall/detail/detail.vue
index ce76a29..021fe3e 100644
--- a/src/subpackage/order/pages/mall/detail/detail.vue
+++ b/src/subpackage/order/pages/mall/detail/detail.vue
@@ -9,8 +9,72 @@
                 </view>
                 <image></image>
             </view>
-            <view class="md-box ms-consignee">
-                <view class="md-tit">收货人信息</view>
+            <view class="ms-main">
+                <view class="md-box ms-consignee">
+                    <view class="md-tit">收货人信息</view>
+                    <view class="mc-mode">配送方式：快递</view>
+                    <view class="mc-name">李晓娜 <text>18087690993</text></view>
+                    <view class="mc-addr">广东省广州市白云区丛云路万事达广场A302</view>
+                    
+                    <view class="mc-code">取货码：2009 1808 8956</view>
+                    <view class="mc-time">取货时间： 2020-08-22 08:12:25</view>
+                </view>
+                <view class="md-box ms-goods-info">
+                    <view class="md-tit">商品信息</view>
+                    <view class="mgi-goods-ls">
+                        <view class="mgl-item">
+                            <image></image>
+                            <view>
+                                <view class="mi-name">
+                                    <view>克洛斯威羽毛球拍2支装正品碳素成人进攻型羽毛球</view>
+                                    <view>¥59.9</view>
+                                </view>
+                                <view class="mi-spec">
+                                    <view>比赛专用；黑色</view>
+                                    <view>×1</view>
+                                </view>
+                                <view class="mi-amount">
+                                    <view>实付：¥<text>59.9</text></view>
+                                    <view>已退款</view>
+                                </view>
+                            </view>
+                        </view>
+                    </view>
+                    <view class="mgi-price-info">
+                        <view class="mpi-line">
+                            <view>金额小计</view><view>¥179.7</view>
+                        </view>
+                        <view class="mpi-line">
+                            <view>积分抵扣</view><view>¥179.7</view>
+                        </view>
+                        <view class="mpi-line">
+                            <view>折扣金额</view><view>¥179.7</view>
+                        </view>
+                        <view class="mpi-line">
+                            <view>优惠券优惠</view><view>¥179.7</view>
+                        </view>
+                        <view class="mpi-line">
+                            <view>运费</view><view>¥179.7</view>
+                        </view>
+                        <view class="mpi-total"><text>合计支付：</text>￥179.7</view>
+                    </view>
+                </view>
+                <view class="md-box">
+                    <p-line :keyname="'下单时间'" :value="'2020-08-22   10:30:40'" ></p-line>
+                    <p-line :keyname="'订单编号'" :value="'sc20 0822 0815 6894'" isbtn></p-line>
+                    <p-line :keyname="'支付方式'" :value="'微信卡支付'" ></p-line>
+                    <p-line :keyname="'交易流水号'" :value="'202009181255364564612622'"></p-line>
+                    <p-line :keyname="'退款编号'" :value="'tk20201230181914997632'"></p-line>
+                    <p-line :keyname="'退款时间'" :value="'2020-12-30 18:19:14'"></p-line>
+                    <p-line :keyname="'退款金额'" :value="'￥240'" ></p-line>
+                </view>
+            </view>
+            <view class="ms-fixed-bar">
+                <view class="mfb-btns">
+                    <view>主动退款</view>
+                    <view class="red">主动退款</view>
+                    <view class="green">主动退款</view>
+                </view>
             </view>
         </view>
         
@@ -18,13 +82,21 @@
 </template>
 
 <script>
+import p_line from '../../../components/p_line/p_line.vue';
 export default {
-
+    components: {
+        'p-line': p_line,
+    },
 }
 </script>
 
 <style lang="scss">
     @import '~style/public.scss';
+    .mall-detail{
+        padding-bottom: 128upx;
+        padding-bottom: calc( 128upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
+        padding-bottom: calc( 128upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
+    }
     .md-send{
         .ms-status-bar{
             padding: 0 44upx;
@@ -34,10 +106,10 @@ export default {
             background-color: #0a9a79;
         }
         .ms-send-info{
-            @include centerFlex(space-between);
             padding: 0 44upx;
             height: 108upx;
             background-color: #fff;
+            @include centerFlex(space-between);
             .msi-txt{
                 @include centerFlex(flex-start);
                 >view{
@@ -63,12 +135,205 @@ export default {
             }
 
         }
-        .ms-consignee{
-            
+        .ms-main{
+            padding: 24upx;
+        }
+        .ms-consignee{  
+            .mc-mode{
+                margin-bottom: 10upx;
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #1a1a1a;
+                @include textHide(1);
+            }
+            .mc-name{
+                margin-bottom: 6upx;
+                line-height: 44upx;
+                font-weight: 500;
+                font-size: 32upx;
+                color: #1a1a1a;
+                @include textHide(1);
+                >text{
+                    margin-left: 50upx;
+                }
+            }
+            .mc-addr{
+                margin-bottom: 16upx;
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #9a9a9d;
+            }
+            .mc-code{
+                font-size: 32upx;
+                line-height: 52upx;
+                color: #9a9a9d;
+                @include textHide(1);
+                &.green{
+                    color: $themeColor;
+                }
+            }
+            .mc-time{
+                font-size: 32upx;
+                line-height: 52upx;
+                color: #1a1a1a;
+                @include textHide(1);
+            }
+        }   
+        .ms-goods-info{
+            .mgi-goods-ls{
+                .mgl-item{
+                    margin-bottom: 30upx;
+                    display: flex;
+                    align-items: flex-start;
+                    justify-content: flex-start;
+                    border-bottom: 2upx solid #F2F2F7;
+                    >image{
+                        margin-right: 20upx;
+                        flex-shrink: 0;
+                        flex-grow: 0;
+                        width: 180upx;
+                        height: 180upx;
+                        border-radius: 6upx;
+                        background-color: skyblue;
+                    }
+                    >view{
+                        flex-grow: 1;
+                        .mi-name{
+                            display: flex;
+                            align-items: flex-start;
+                            margin-bottom: 12upx;
+                            >view{
+                                &:first-child{
+                                    flex-grow: 1;
+                                    line-height: 40upx;
+                                    font-size: 28upx;
+                                    color: #333;
+                                    @include textHide(2);
+                                }
+                                &+view{
+                                    margin-left: 24upx;
+                                    flex-shrink: 0;
+                                    max-width: 130upx;
+                                    line-height: 34upx;
+                                    font-size: 24upx;
+                                    color: #1a1a1a;
+                                    @include textHide(1);
+                                }
+                            }
+                        }
+                        .mi-spec{
+                            margin-bottom: 12upx;
+                            @include centerFlex(space-between);
+                            >view{
+                                line-height: 40upx;
+                                color: #9a9a9d;
+                                &:first-child{
+                                    font-size: 24upx;
+                                    @include textHide(1);
+                                }
+                                &+view{
+                                    margin-left: 20upx;
+                                    flex-shrink: 0;
+                                    max-width: 30%;
+                                    font-size: 28upx;
+                                    @include textHide(1);
+                                }
+                            }
+                        }
+                        .mi-amount{
+                            margin-bottom: 20upx;
+                            @include centerFlex(space-between);
+                            >view{
+                                &:first-child{
+                                    flex-grow: 1;
+                                    font-size: 28upx;
+                                    color: #1a1a1a;
+                                    @include textHide(1);
+                                    >text{
+                                        font-size: 32upx;
+                                        font-weight: 500;
+                                    }
+                                }
+                                &+view{
+                                    flex-shrink: 0;
+                                    margin-left: 20upx;
+                                    line-height: 40upx;
+                                    font-size: 28upx;
+                                    color: #EA5061;
+                                }
+                            }
+                            
+                        }
+                    }
+                }
+            }
+        }
+        .mgi-price-info{
+            .mpi-line{
+                margin-bottom: 30upx;
+                @include centerFlex(space-between);
+                >view{
+                    &:first-child{
+                        flex-shrink: 0;
+                        margin-right: 20upx;
+                        font-size: 28upx;
+                        color: #9a9a9d;
+                    }
+                    &+view{
+                        @include textHide(1);
+                        font-size: 24upx;
+                        color: #333;
+                    }
+                }
+            }
+            .mpi-total{
+                text-align: right;
+                font-size: 32upx;
+                line-height: 40upx;
+                color: #1a1a1a;
+                @include textHide(1);
+                >text{
+                    font-size: 28upx;
+                    color: #9A9A9D;
+                }
+            }
+        }
+        .ms-fixed-bar{
+            position: fixed;
+            left: 0;
+            width: 100%;
+            bottom: 0;
+            padding: 10upx 24upx;
+            padding-bottom: calc( 10upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */
+            padding-bottom: calc( 10upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */
+            background-color: #f2f2f7;
+            .mfb-btns{
+                @include centerFlex(flex-end);
+                >view{
+                    margin-left: 20upx;
+                    width: 192upx;
+                    line-height: 88upx;
+                    text-align: center;
+                    font-size: 32upx;
+                    font-weight: 500;
+                    border-radius: 10upx;
+                    background-color: #fff;
+                    color: $themeColor;
+                    &.red{
+                        color: #EA5061;
+                    }
+                    &.green{
+                        background-color: $themeColor;
+                        color: #fff;
+                    }
+                }
+            }
         }
     }
     
     .md-box{
+
+        margin-bottom: 24upx;
         padding: 30upx 20upx;
         border-radius: 10upx;
         background-color: #fff;
diff --git a/src/subpackage/order/pages/mall/send_out/send_out.vue b/src/subpackage/order/pages/mall/send_out/send_out.vue
new file mode 100644
index 0000000..6f8d360
--- /dev/null
+++ b/src/subpackage/order/pages/mall/send_out/send_out.vue
@@ -0,0 +1,227 @@
+<template>
+    <view class="order-send-out">
+        <view class="oso-header">
+            <view class="oh-tit">收货人信息</view>
+            <view class="oh-mode">配送方式：快递</view>
+            <view class="oh-name">李晓娜<text>18087690993</text></view>
+            <view class="oh-addr">广东省广州市白云区丛云路万事达广场A302</view>
+        </view>
+        <view class="oh-tab">
+            <view class="ot-item">
+                <view class="active">
+                    <view class="oi-txt">待发货</view>
+                    <view class="oi-num">999</view>
+                </view>
+            </view>
+            <view class="ot-item">
+                <view>
+                    <view class="oi-txt">待发货</view>
+                </view>
+            </view>
+        </view>
+        <view class="oh-section">
+            <!-- 待发货 -->
+            <view class="os-wait">
+                <view class="oh-box ow-goods">
+                    <view class="og-header">
+                        <view class="oh-tit"><text>*</text>请选择商品发货</view>
+                        <view class="oh-select">
+                            <view>全选</view>
+                            <view></view>
+                        </view>
+                    </view>
+                    <view class="og-list">
+                        <view class="ol-item">
+                            <view class="oi-select"></view>
+                            <image></image>
+                            <view class="oi-info">
+                                <view class="oi-tit">克洛斯威羽毛球拍2支装C8正品碳素成人进攻型羽毛球比赛用</view>
+                                <view class="oi-spec">比赛专用；黑色</view>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+            <!-- 已发货 -->
+            <view class="os-yet"></view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang='scss'>
+    @import '~style/public.scss';
+    .order-send-out{
+
+    }
+    .oso-header{
+        margin-bottom: 24upx;
+        padding: 30upx 44upx 20upx;
+        background-color: #fff;
+        .oh-tit{
+            margin-bottom: 30upx;
+            line-height: 44upx;
+            font-weight: 500;
+            font-size: 32upx;
+            color: #1a1a1a;
+        }
+        .oh-mode{
+            margin-bottom: 10upx;
+            line-height: 40upx;
+            font-size: 28upx;
+            color: #1a1a1a;
+        }
+        .oh-name{
+            margin-bottom: 6upx;
+            line-height: 44upx;
+            font-weight: 500;
+            font-size: 32upx;
+            color: #1a1a1a;
+            @include textHide(1);
+            >text{
+                margin-left: 50upx;
+            }
+        }
+        .oh-addr{
+            line-height: 40upx;
+            font-size: 28upx;
+            color: #9a9a9d;
+            @include textHide(2);
+        }
+    }
+    .oh-tab{
+        background-color: #fff;
+        display: flex;
+        @include centerFlex(flex-start);
+        .ot-item{
+            height: 110upx;
+            padding: 0 46upx;
+            >view{
+                position: relative;
+                .oi-txt{
+                    width: 100%;
+                    line-height: 110upx;
+                    text-align: center;
+                    font-size: 32upx;
+                    color: #9C9C9F;
+                }
+                .oi-num{
+                    position: absolute;
+                    right: -50upx;
+                    top: 22upx;
+                    width: 48upx;
+                    height: 48upx;
+                    line-height: 48upx;
+                    text-align: center;
+                    font-size: 24upx;
+                    border-radius: 50%;
+                    background-color: #EA5061;
+                    color: #fff;
+                    @include textHide(1);
+                }
+                &.active{
+                    .oi-txt{
+                        color: $themeColor;
+                    }
+                    &::after{
+                        position: absolute;
+                        content: '';
+                        left: 0;
+                        bottom: 0;
+                        width: 100%;
+                        height: 8upx;
+                        border-radius: 4upx;
+                        background-color: $themeColor;
+                    }
+                }
+                
+            }
+        }
+    }
+    .oh-section{
+        padding: 24upx;
+        .ow-goods{
+            .og-header{
+
+                @include centerFlex(space-between);
+                .oh-tit{
+                    line-height: 44upx;
+                    font-weight: 500;
+                    font-size: 32upx;
+                    color: #1a1a1a;
+                    >text{
+                        color: #EA5061;
+                    }
+                }
+                .oh-select{
+                    flex-shrink: 0;
+                    @include centerFlex(flex-end);
+                    >view{
+                        &:first-child{
+                            flex-shrink: 0;
+                            line-height: 40upx;
+                            font-size: 28upx;
+                            color: #9a9a9d;
+                        }
+                        &+view{
+                            width: 32upx;
+                            height: 32upx;
+                            margin-left: 20upx;
+                            border: 2upx solid #9a9a9d;
+                            border-radius: 50%;
+                        }
+                    }
+                }
+            }
+            .og-list{
+                .ol-item{
+                    padding: 20upx 0;
+                    @include centerFlex(flex-start);
+                    .oi-select{
+                        flex-shrink: 0;
+                        width: 32upx;
+                        height: 32upx;
+                        border-radius: 50%;
+                        box-shadow: 0 0 0 2upx #9A9A9D;
+                    }
+                    >image{
+                        flex-shrink: 0;
+                        margin: 0 20upx;
+                        width: 180upx;
+                        height: 180upx;
+                        border-radius: 10upx;
+                        background-color: skyblue;
+                    }
+                    .oi-info{
+                        align-self: flex-start;
+                        .oi-tit{
+                            margin-bottom: 12upx;
+                            line-height: 40upx;
+                            font-size: 28upx;
+                            color: #1a1a1a;
+                            @include textHide(2);
+                        }
+                        .oi-spec{
+                            line-height: 34upx;
+                            font-size: 24upx;
+                            color: #9a9a9d;
+                            @include textHide(1);
+                        }
+                    }
+                }
+            }
+        }
+        
+    }
+    .oh-box{
+        margin-bottom: 24upx;
+        padding: 30upx;
+        border-radius: 10upx;
+        background-color: #fff;
+    }
+</style>
\ No newline at end of file