update: use the message page as a tab

Author: Lsnsh

src/app.json

@@ -23,6 +23,12 @@
         "selectedIconPath": "images/tabbar/icon_home_active.png",
         "text": "主页"
       },
+      {
+        "pagePath": "pages/message/message",
+        "iconPath": "images/tabbar/icon_message.png",
+        "selectedIconPath": "images/tabbar/icon_message_active.png",
+        "text": "消息"
+      },
       {
         "pagePath": "pages/mine/mine",
         "iconPath": "images/tabbar/icon_mine.png",

src/images/tabbar/icon_message.png

@@ -5,9 +5,8 @@
       <image class="w-p100 h-p100 rounded-p50" src="{{data.author.avatar_url}}" />
     </view>
     <view 
-      class="v w-p100"
-      hover-class="navigator-hover"
-      style="margin-left: 120rpx;"
+      class="message-header-content v w-p100"
+      hover-class="message-header-content-hover"
       bindtap="fnTapMessageItem"
     >
       <view>{{data.author.loginname}}</view>

src/images/tabbar/icon_message_active.png

@@ -13,6 +13,14 @@
   width: 100rpx;
   height: 100rpx;
 }
+.message-header-content {
+  margin-left: 120rpx;
+  z-index: 2;
+}
+.message-header-content-hover {
+  color: #7c7c7c;
+  opacity: 0.8;
+}
 .message-header-right {
   right: 0;
 }

src/pages/message/components/message-item.wxml

@@ -10,13 +10,6 @@ Page({
       avatar_url: '/images/tabbar/icon_mine.png'
     }, // 用户信息
     aMenuList: [
-      // TODO: 需要用户登录后才能访问
-      {
-        url: '/pages/message/message',
-        open_type: 'navigate',
-        icon_class: 'icon-message',
-        text: '消息'
-      },
       {
         url: '/pages/about/about',
         open_type: 'navigate',

src/pages/message/components/message-item.wxss

@@ -92,4 +92,5 @@
 /* hover样式 */
 .navigator-hover {
   opacity: 0.8;
+  background: #eaeaea;
 }