优化系统消息交互

web/views/@default/@layout.html

@@ -42,8 +42,8 @@
             </a>
 
             <!-- 消息 -->
-			<a href="/messages" class="item" :class="{active:teaMenu == 'message'}">
-                <span v-if="globalMessageBadge > 0" class="blink"><i class="icon bell"></i>消息({{globalMessageBadge}}) </span>
+			<a href="" class="item" :class="{active:teaMenu == 'message'}" @click.prevent="showMessages()">
+                <span v-if="globalMessageBadge > 0" class="blink hover-span"><i class="icon bell"></i><span>消息({{globalMessageBadge}}) </span></span>
                 <span v-if="globalMessageBadge == 0" class="hover-span"><i class="icon bell disabled"></i><span class="disabled">消息(0)</span></span>
             </a>
 

web/views/@default/@layout.js

@@ -59,6 +59,13 @@ Tea.context(function () {
             })
     }
 
+    this.showMessages = function () {
+        teaweb.popup("/messages", {
+            height: "24em",
+            width: "50em"
+        })
+    }
+
     /**
      * 底部伸展框
      */

web/views/@default/messages/index.html

@@ -1,4 +1,4 @@
-{$layout}
+{$layout "layout_popup"}
 
 <first-menu v-if="messages.length > 0">
 	<a href="" class="item" @click.prevent="updatePageRead()">[当前页已读]</a>