diff --git a/src/pages.json b/src/pages.json
index 8ed4b41..a118cdf 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,6 +1,16 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		
+		{
+			"path": "pages/menu/forth",
+			"style": {
+				"navigationBarTitleText": "个人中心",
+				"componentPlaceholder": {
+					"mine-header": "view",
+					"bottom-logo": "view",
+					"line-tab": "view"
+				}
+			}
+		},	
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -924,6 +934,17 @@
 					}
 				}
 			]
+		},
+		{
+			"root": "subpackage/menu",
+			"pages": [
+				{
+					"path": "pages/index",
+					"style" : {
+						"navigationBarTitleText": "" 
+					}
+				}
+			]
 		}
 	],
 	"globalStyle": {
diff --git a/src/pages/menu/forth.vue b/src/pages/menu/forth.vue
new file mode 100644
index 0000000..aefd4df
--- /dev/null
+++ b/src/pages/menu/forth.vue
@@ -0,0 +1,66 @@
+<template>
+    <view class="forth-menu">
+        <mine-header @on:munted="menuPackageLoaded = true"></mine-header>
+        <block v-if="menuPackageLoaded">
+            <line-tab :icon-num='0'>
+                <template slot="default">账号管理</template>
+                <template slot="right">
+                    <view class="ft-account">
+                        <view class="fc-name">账号名</view>
+                        <image class="fc-icon" mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+                    </view>
+                </template>
+            </line-tab>
+            <line-tab :icon-num='1'>帮助中心</line-tab>
+            <line-tab :icon-num='2'>教练助手</line-tab>
+            <line-tab :icon-num='3'>收银系统</line-tab>
+            <line-tab :icon-num='4'>总后台(<text class="fm-txt">admin.ouxuanzhineng.cn <text class="ft-copy">复制</text></text>)</line-tab>
+            <line-tab :icon-num='5'>投诉建议</line-tab>
+            <line-tab :icon-num='6'>解绑退出</line-tab>
+        </block>
+        <bottom-logo></bottom-logo>
+    </view>
+</template>
+
+<script>
+import mineHeader from "@/subpackage/menu/components/mine/header.vue";
+import lineTab from "@/subpackage/menu/components/mine/line_tab.vue";
+import bottomLogo from "@/subpackage/menu/components/bottom_logo.vue";
+export default {
+    components:{
+        mineHeader,
+        lineTab,
+        bottomLogo,
+    },
+    data(){
+        return {
+            menuPackageLoaded: false
+        }
+    },
+}
+</script>
+
+<style lang="scss">
+    .forth-menu{
+
+    }
+    .fm-txt{
+        font-size: 28upx;
+        .ft-copy{
+            color: $mColor;
+        }
+    }
+    .ft-account{
+        @include ctf(flex-end);
+        .fc-name{
+            @include flcw(32upx, 48upx, #9A9A9D);
+            @include tHide;
+        }
+        .fc-icon{
+            flex-shrink: 0;
+            margin-left: 22upx;
+            width: 30upx;
+            height: 30upx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/static/images/icon/arrow_b2.png b/src/static/images/icon/arrow_b2.png
index 54df2b3..e4e1580 100644
Binary files a/src/static/images/icon/arrow_b2.png and b/src/static/images/icon/arrow_b2.png differ
diff --git a/src/subpackage/menu/components/bottom_logo.vue b/src/subpackage/menu/components/bottom_logo.vue
new file mode 100644
index 0000000..9806574
--- /dev/null
+++ b/src/subpackage/menu/components/bottom_logo.vue
@@ -0,0 +1,28 @@
+<template>
+    <view class="bottom-logo">
+        <view class="bl-space"></view>
+        <image class="bl-img" mode="aspectFit" src="/subpackage/menu/static/images/bot_logo.png"></image>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .bl-space{
+        height: 152upx;
+    }
+    .bl-img{
+        position: fixed;
+        left: 50%;
+        bottom: 52upx;
+        z-index: -1;
+        transform: translateX(-50%);
+        display: block;
+        width: 312upx;
+        height: 100upx;
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/menu/components/mine/header.vue b/src/subpackage/menu/components/mine/header.vue
new file mode 100644
index 0000000..3ee60ac
--- /dev/null
+++ b/src/subpackage/menu/components/mine/header.vue
@@ -0,0 +1,65 @@
+<template>
+    <view class="mine-header">
+        <view class="mh-user">
+            <image class="mu-photo"></image>
+            <view class="mu-info" v-if="false">
+                <view class="mi-line">昵称：猫星人</view>
+                <view class="mi-line">姓名：小雪</view>
+                <view class="mi-line">账号：18316553872</view>
+            </view>
+            <button v-else class="mu-login">点击登录</button>
+        </view>
+        <view class="mh-update">更新头像昵称</view>
+    </view>
+</template>
+
+<script>
+export default {
+    mounted(){
+        console.log('mounted');
+        this.$emit('on:munted');
+    },
+}
+</script>
+
+<style lang="scss">
+    .mine-header{
+        padding-top: 70upx;
+        height: 270upx;
+        background: $mColor;
+        .mh-user{
+            padding-left: 68upx;
+            padding-right: 30upx;
+            @include ctf;
+            .mu-photo{
+                flex-shrink: 0;
+                margin-right: 28upx;
+                width: 120upx;
+                height: 120upx;
+                border-radius: 50%;
+                border: 4upx solid #FFFFFF;
+            }
+            .mu-info{
+                .mi-line{
+                    @include flcw(32upx, 44upx, #FFFFFF);
+                    @include tHide;
+                }
+            }
+            .mu-login{
+                @include clearBtn;
+                width: 180upx;
+                height: 72upx;
+                text-align: center;
+                border-radius: 6upx;
+                background: #fff;
+                @include flcw(32upx, 72upx, $mColor, 500);
+            }
+        }
+        .mh-update{
+            padding-left: 68upx;
+            margin-top: 8upx;
+            text-decoration: underline;
+            @include flcw(20upx, 28upx, #FFFFFF);
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/menu/components/mine/line_tab.vue b/src/subpackage/menu/components/mine/line_tab.vue
new file mode 100644
index 0000000..4a0d219
--- /dev/null
+++ b/src/subpackage/menu/components/mine/line_tab.vue
@@ -0,0 +1,65 @@
+<template>
+    <view class="line-tab">
+        <image class="lt-icon"  mode="aspectFit" :src="'/subpackage/menu/static/images/mine_tab/' + iconNum + '.png'"></image>
+        <view class="lt-right">
+            <view class="lr-left">
+                <view class="lr-name">
+                    <slot name="default">账号管理</slot>
+                </view>
+            </view>
+            <view class="lr-right">
+                <slot name="right">
+                    <image class="lr-arrow" mode="aspectFit" src="/subpackage/menu/static/images/arrow_b2.png"></image>
+                </slot>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    props: {
+        iconNum: {
+            type: Number,
+            default: 0
+        }
+    }
+}
+</script>
+
+<style lang="scss">
+    .line-tab{
+        padding-left: 22upx;
+        padding-right: 44upx;
+        height: 108upx;
+        background: #fff;
+        @include ctf;
+        .lt-icon{
+            flex-shrink: 0;
+            margin-right: 22upx;
+            width: 48upx;
+            height: 48upx;
+        }
+        .lt-right{
+            flex-grow: 1;
+            @include ctf(space-between);
+            flex-grow: 1;
+            .lr-left{
+                .lr-name{
+                    @include flcw(32upx, 48upx, #9A9A9D);
+                    @include tHide;
+                }
+            }
+            
+            .lr-right{
+                flex-shrink: 0;
+                max-width: 40%;
+                font-size: 0;
+                .lr-arrow{
+                    width: 30upx;
+                    height: 30upx;
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/menu/pages/index.vue b/src/subpackage/menu/pages/index.vue
new file mode 100644
index 0000000..914b254
--- /dev/null
+++ b/src/subpackage/menu/pages/index.vue
@@ -0,0 +1,16 @@
+<template>
+    <!-- 需要定义一个页面以及在pagesjson里声明才能生成static文件夹 -->
+    <view class="menu-index">&nbsp;</view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    page{
+        background: #fff;
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/menu/static/images/arrow_b2.png b/src/subpackage/menu/static/images/arrow_b2.png
new file mode 100644
index 0000000..e4e1580
Binary files /dev/null and b/src/subpackage/menu/static/images/arrow_b2.png differ
diff --git a/src/subpackage/menu/static/images/bot_logo.png b/src/subpackage/menu/static/images/bot_logo.png
new file mode 100644
index 0000000..5ef008a
Binary files /dev/null and b/src/subpackage/menu/static/images/bot_logo.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/0.png b/src/subpackage/menu/static/images/mine_tab/0.png
new file mode 100644
index 0000000..0a80539
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/0.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/1.png b/src/subpackage/menu/static/images/mine_tab/1.png
new file mode 100644
index 0000000..3efd220
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/1.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/2.png b/src/subpackage/menu/static/images/mine_tab/2.png
new file mode 100644
index 0000000..8c1b55c
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/2.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/3.png b/src/subpackage/menu/static/images/mine_tab/3.png
new file mode 100644
index 0000000..b203514
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/3.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/4.png b/src/subpackage/menu/static/images/mine_tab/4.png
new file mode 100644
index 0000000..9722c80
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/4.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/5.png b/src/subpackage/menu/static/images/mine_tab/5.png
new file mode 100644
index 0000000..5ada9fe
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/5.png differ
diff --git a/src/subpackage/menu/static/images/mine_tab/6.png b/src/subpackage/menu/static/images/mine_tab/6.png
new file mode 100644
index 0000000..496eed0
Binary files /dev/null and b/src/subpackage/menu/static/images/mine_tab/6.png differ
diff --git a/src/subpackage/message/components/edit/fixed_button.vue b/src/subpackage/message/components/edit/fixed_button.vue
index 612981c..5ddd100 100644
--- a/src/subpackage/message/components/edit/fixed_button.vue
+++ b/src/subpackage/message/components/edit/fixed_button.vue
@@ -18,6 +18,7 @@ export default {
         bottom: 0;
         padding: 10upx 20upx;
         width: 100%;
+        @include isPd(10upx);
         @include ctf(center);
         .fb-btn{
             margin: 0 20upx;
diff --git a/src/subpackage/message/components/edit/info_edit.vue b/src/subpackage/message/components/edit/info_edit.vue
new file mode 100644
index 0000000..80e49ee
--- /dev/null
+++ b/src/subpackage/message/components/edit/info_edit.vue
@@ -0,0 +1,135 @@
+<template>
+    <view class="info-edit">
+        <!-- 门店picker -->
+        <view class="ie-stadium">
+            <view class="ie-title"><text class="it-star">*</text>门店</view>
+            <picker mode="selector">
+                <view class="is-box">
+                    <input type="text" class="ib-ipt" disabled/>
+                    <image class="ib-icon" mode="aspectFit" src="/subpackage/message/static/images/unfold.png"></image>
+                </view>
+            </picker>
+        </view>
+        <!-- 标题 -->
+        <view class="ie-section">
+            <view class="ie-title"><text class="it-star">*</text>标题</view>
+            <input type="text" class="ie-ipt" placeholder="请输入" />
+        </view>
+        <!-- 类型 -->
+        <view class="ie-types">
+            <view class="ie-title"><text class="it-star">*</text>类型</view>
+            <view class="it-ls">
+                <view class="il-item" v-for="(e, i) in ['硬件', '软件']" :key="i">
+                    <view class="ii-icon" :class="{ active: i === 0 }"></view>
+                    <view class="ii-txt">{{ e || '' }}</view>
+                </view>
+            </view>
+        </view>
+        <!-- 反馈内容 -->
+        <view class="ie-section">
+            <view class="ie-title"><text class="it-star">*</text>反馈内容</view>
+            <textarea class="ie-tarea" placeholder="请输入"></textarea>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    .info-edit{
+        padding: 30upx;
+        border-radius: 20upx;
+        background: #fff;
+        .ie-title{
+            flex-shrink: 0;
+            @include flcw(32upx, 44upx, #1A1A1A, 500);
+            .it-star{
+                color: #EA5061;
+            }
+        }
+        .ie-section{
+            margin-top: 24upx;
+        
+        }
+        .ie-ipt, .ie-tarea{
+            display: block;
+            margin-top: 24upx;
+            padding: 26upx 20upx;
+            border-radius: 16upx;
+            background: #F6F8F9;
+            @include flcw(28upx, 40upx, #1A1A1A);
+        }
+        .ie-tarea{
+            height: 306upx;
+        }
+        .ie-stadium{
+            @include ctf;
+            .ie-title{
+                margin-right: 30upx;
+            }
+            .is-box{
+                padding: 0 22upx;
+                width: 478upx;
+                height: 92upx;
+                border: 2upx solid #979797;
+                border-radius: 16upx;
+                @include ctf;
+                .ib-ipt{
+                    height: 100%;
+                    flex-grow: 1;
+                    @include flcw(28upx, 40upx, #1A1A1A);
+                }
+                .ib-icon{
+                    margin-left: 20upx;
+                    flex-shrink: 0;
+                    width: 28upx;
+                    height: 28upx;
+                }
+            }
+        }
+        .ie-types{
+            margin-top: 24upx;
+            @include ctf;
+            .ie-title{
+                margin-right: 76upx;
+            }
+            .it-ls{
+                @include ctf;
+                .il-item{
+                    width: 200upx;
+                    @include ctf;
+                    .ii-icon{
+                        position: relative;
+                        width: 40upx;
+                        height: 40upx;
+                        border-radius: 50%;
+                        border: 2upx solid #D8D8D8;
+                        &.active{
+                            border-color: $mColor;
+                            &::before{
+                                content: '';
+                                position: absolute;
+                                top: 50%;
+                                left: 50%;
+                                transform: translate(-50%, -50%);
+                                width: 28upx;
+                                height: 28upx;
+                                border-radius: 50%;
+                                background: $mColor;
+                            }
+                        }
+                    }
+                    .ii-txt{
+                        margin-left: 12upx;
+                        @include flcw(28upx, 40upx, #1A1A1A);
+
+                    }
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/subpackage/message/components/edit/upload_img.vue b/src/subpackage/message/components/edit/upload_img.vue
index ebdfd04..162457c 100644
--- a/src/subpackage/message/components/edit/upload_img.vue
+++ b/src/subpackage/message/components/edit/upload_img.vue
@@ -4,7 +4,7 @@
         <view class="ui-ls">
             <view class="ul-item" v-for="i in 4" :key="i">
                 <image class="ui-pic"></image>
-                <image class="ui-close"></image>
+                <image class="ui-close" mode="aspectFit" src="/subpackage/message/static/images/close.png"></image>
             </view>
             <view class="ul-item ul-add">
                 <view class="ua-icon"></view>
@@ -38,7 +38,7 @@ export default {
             font-size: 0;
             .ul-item{
                 position: relative;
-                margin: 0 12upx;
+                margin: 0 10upx;
                 vertical-align: top;
                 display: inline-block;
                 width: 200upx;
@@ -58,7 +58,6 @@ export default {
                     right: 6upx;
                     width: 40upx;
                     height: 40upx;
-                    background: darkblue;
                 }
             }
             .ul-add{
diff --git a/src/subpackage/message/pages/complaint/edit.vue b/src/subpackage/message/pages/complaint/edit.vue
index e840ec0..cfce4fe 100644
--- a/src/subpackage/message/pages/complaint/edit.vue
+++ b/src/subpackage/message/pages/complaint/edit.vue
@@ -1,15 +1,19 @@
 <template>
     <view class="complaint-edit">
+        <info-edit></info-edit>
+        <view style="height: 24rpx;"></view>
         <upload-img></upload-img>
         <fixed-button></fixed-button>
     </view>
 </template>
 
 <script>
+import infoEdit from "../../components/edit/info_edit.vue";
 import uploadImg from "../../components/edit/upload_img.vue";
 import fixedButton from "../../components/edit/fixed_button.vue";
 export default {
     components: {
+        infoEdit,
         uploadImg,
         fixedButton,
     },
@@ -19,6 +23,6 @@ export default {
 <style lang="scss">
     .complaint-edit{
         padding: 24upx;
-        @include isPd(110upx);
+        @include isPd(120upx);
     }
 </style>
\ No newline at end of file
diff --git a/src/subpackage/message/static/images/close.png b/src/subpackage/message/static/images/close.png
new file mode 100644
index 0000000..3844523
Binary files /dev/null and b/src/subpackage/message/static/images/close.png differ
diff --git a/src/subpackage/message/static/images/unfold.png b/src/subpackage/message/static/images/unfold.png
new file mode 100644
index 0000000..5456142
Binary files /dev/null and b/src/subpackage/message/static/images/unfold.png differ