历史记录暂时提交

pages/news/index.vue

@@ -3,8 +3,8 @@
     <!-- 顶部导航栏 -->
     <view class="nav-bar">
       <view class="nav-left" @click="navBack">
-        <text class="nav-title">小策技术</text>
-        <text class="arrow">▶</text>
+        <text class="nav-title">{{ title }}&nbsp;</text>
+        <text class="arrow"> ▶</text>
       </view>
       <view class="nav-right">
         <!-- 把文字 + 图标放在同一个 nav-btn 内 -->
@@ -18,12 +18,12 @@
     </view>
 
     <!-- 系统通知提示条 -->
-    <view class="notice-bar" @click="goToOpen">
+    <view class="notice-bar" >
       <view class="notice-left">
-        <uni-icons style="margin-right: 12rpx" type="closeempty" color="#FF6D00" size="15"/>
+        <uni-icons @click="goToClose" style="margin-right: 12rpx" type="closeempty" color="#FF6D00" size="15"/>
         <text class="notice-text">系统通知未开启，报警消息无法通知</text>
       </view>
-      <view class="notice-btn">去开启</view>
+      <view class="notice-btn" @click="goToOpen">去开启</view>
     </view>
 
     <!-- 功能入口区 -->
@@ -85,6 +85,7 @@ export default {
   },
   data() {
     return {
+      title: '消息中心',
       messageList: [
         {
           // video111 / camera_
@@ -141,6 +142,9 @@ export default {
     goToOpen() {
       console.log('去开启系统通知')
     },
+    goToClose() {
+      console.log('关闭系统通知')
+    },
     goToSubscribe() {
       console.log('进入消息订阅')
     },
@@ -182,8 +186,15 @@ export default {
   .nav-left {
     display: flex;
     align-items: center;
-    .nav-title { font-size: 36rpx; font-weight: 500; color: #333; }
-    .arrow { font-size: 24rpx; color: #666; margin-left: 8rpx; }
+    color: #333;
+    .nav-title {
+      font-size: 36rpx;
+      font-weight: 500;
+    }
+    .arrow {
+      font-size: 24rpx;
+      margin-left: 8rpx;
+    }
   }
 
   .nav-right {