历史记录ui暂时提交

pages/news/index.vue

@@ -2,9 +2,14 @@
   <view class="message-center-page">
     <!-- 顶部导航栏 -->
     <view class="nav-bar">
-      <view class="nav-left" @click="navBack">
+      <view class="nav-left">
-        <text class="nav-title">{{ title }}&nbsp;</text>
+        <text class="nav-title" @click="navBack">{{ title }}&nbsp;</text>
-        <text class="arrow"> ▶</text>
+        <text class="arrow" @click="navBack"> ▶</text>
+        <uni-drawer ref="showLeft" mode="left" :width="320" @change="change($event,'showLeft')">
+          <view class="close">
+            <button @click="closeDrawer('showLeft')"><text class="word-btn-white">暂未开发</text></button>
+          </view>
+        </uni-drawer>
       </view>
       <view class="nav-right">
         <!-- 把文字 + 图标放在同一个 nav-btn 内 -->
@@ -161,8 +166,8 @@ export default {
   methods: {
     isTodayDate,
     navBack() {
-      this.$modal.showToast('模块建设中~')
+      this.showDrawer('showLeft');
-      console.log('返回上一页')
+      console.log('点击消息中心')
     },
     clearUnread() {
       this.$modal.showToast('模块建设中~')
@@ -195,6 +200,19 @@ export default {
     deleteItem(event, index) {
       this.$modal.showToast('敬请期待~')
       console.log('删除消息:', event, index)
+    },
+    // 打开窗口
+    showDrawer(e) {
+      this.$refs[e].open()
+    },
+    // 关闭窗口
+    closeDrawer(e) {
+      this.$refs[e].close()
+    },
+    // 抽屉状态发生变化触发
+    change(e, type) {
+      console.log((type === 'showLeft' ? '左窗口' : '右窗口') + (e ? '打开' : '关闭'));
+      this[type] = e
     }
   }
 }