diff --git a/src/App.vue b/src/App.vue
index b198bc2..360bacc 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -80,4 +80,10 @@ export default {
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 }
+
+// 阴影
+.shadow {
+	-webkit-box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
+	box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
+}
 </style>
diff --git a/src/assets/img/user/avatarsetting.png b/src/assets/img/user/avatarsetting.png
new file mode 100755
index 0000000..ae8dade
Binary files /dev/null and b/src/assets/img/user/avatarsetting.png differ
diff --git a/src/assets/img/user/bindemail.png b/src/assets/img/user/bindemail.png
new file mode 100755
index 0000000..41be17e
Binary files /dev/null and b/src/assets/img/user/bindemail.png differ
diff --git a/src/assets/img/user/bindingthird-party .png b/src/assets/img/user/bindingthird-party .png
new file mode 100755
index 0000000..c560292
Binary files /dev/null and b/src/assets/img/user/bindingthird-party .png differ
diff --git a/src/assets/img/user/bindmobile.png b/src/assets/img/user/bindmobile.png
new file mode 100755
index 0000000..81786af
Binary files /dev/null and b/src/assets/img/user/bindmobile.png differ
diff --git a/src/assets/img/user/changepassword.png b/src/assets/img/user/changepassword.png
new file mode 100755
index 0000000..ad06dcb
Binary files /dev/null and b/src/assets/img/user/changepassword.png differ
diff --git a/src/assets/img/user/mystatus.png b/src/assets/img/user/mystatus.png
new file mode 100755
index 0000000..5987d6b
Binary files /dev/null and b/src/assets/img/user/mystatus.png differ
diff --git a/src/assets/img/user/personaldata.png b/src/assets/img/user/personaldata.png
new file mode 100755
index 0000000..6812b38
Binary files /dev/null and b/src/assets/img/user/personaldata.png differ
diff --git a/src/assets/img/user/visithomepage.png b/src/assets/img/user/visithomepage.png
new file mode 100755
index 0000000..7130d6d
Binary files /dev/null and b/src/assets/img/user/visithomepage.png differ
diff --git a/src/views/user/UserIndex.vue b/src/views/user/UserIndex.vue
index c92716b..2fe8b73 100755
--- a/src/views/user/UserIndex.vue
+++ b/src/views/user/UserIndex.vue
@@ -14,8 +14,8 @@
                     <img class="operation-icom" mode="widthFix" src="@/assets/img/user/information.png">消息
                 </div>
                 <div class="operation-right flexacenter">
-                    <!-- <div class="operation-data flexcenter">{{ count.collect }}</div> -->
-                    <div class="unread-info flexcenter">{{ 1 }}</div>
+                    <div v-if="true" class="operation-data flexcenter">{{ count.collect }}</div>
+                    <div v-else class="unread-info flexcenter">{{ 1 }}</div>
                     <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
                 </div>
             </div>
@@ -49,6 +49,85 @@
             </div>
         </div>
 
+        <div class="operation-box shadow">
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/personaldata.png">个人资料
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.creation }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" src="@/assets/img/user/avatarsetting.png" />设置头像
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.likearticle }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/mystatus.png" />我的状态
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/changepassword.png" />修改密码
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/bindemail.png" />绑定邮箱
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/bindmobile.png" />绑定手机
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/bindingthird-party .png" />绑定第三方账号
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+            <div class="operation-item flexacenter">
+                <div class="operation-left flexacenter">
+                    <img class="operation-icom" mode="widthFix" src="@/assets/img/user/visithomepage.png" />浏览个人主页
+                </div>
+                <div class="operation-right flexacenter">
+                    <div class="operation-data flexcenter">{{ count.comment }}</div>
+                    <svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
+                </div>
+            </div>
+
+
+        </div>
+
+        <div class="log-out">退出登录</div>
+
     </div>
 </template>
 
@@ -109,7 +188,6 @@ export default {
             font-size: .48rem;
             line-height: normal;
             margin-top: .24rem;
-            margin-bottom: .14rem;
             font-weight: 650;
         }
 
@@ -120,8 +198,6 @@ export default {
         background-color: #fff;
         margin: 0 .2933rem .4rem;
         border-radius: .4rem;
-        -webkit-box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
-        box-shadow: 0 0 .3rem rgba(0, 0, 0, .1);
 
         .operation-item {
             height: 1.8rem;
@@ -140,7 +216,6 @@ export default {
 
             .operation-icom {
                 width: .48rem;
-                height: .48rem;
                 margin-right: .32rem;
             }
 
@@ -174,22 +249,14 @@ export default {
                 margin-left: .2rem;
             }
 
-            .operation-uid {
-                border: .0133rem solid rgba(235, 235, 235, 1);
-                height: .56rem;
-                border-radius: .16rem;
-                color: #000;
-                font-size: .3rem;
-                padding: 0 .2rem;
-            }
-
-            .operation-uid-value {
-                font-weight: 650;
-            }
-
         }
 
     }
 
+    .log-out {
+        font-size: .36rem;
+        line-height: .6rem;
+    }
+
 }
 </style>
\ No newline at end of file