意见反馈消息列表模式

pages/user/index.vue

@@ -1,12 +1,15 @@
 <template>
     <view class="content">
         <!-- 用户信息 -->
-        <view class="info-box">
-            <image src="@/static/user/user_back.png" mode="aspectFill" />
-            <view class="user-flex">
+        <view class="info-box"  style="background-color: red;">
+            <image src="@/static/user/user_back.png" mode="aspectFill" />
+            <view class="user-flex">
+                <view class="news" @click="onBtn('newsIndex', {})">
+                    <u-icon class="bell_fill" name="bell-fill"  color="#fff" size="28" />
+                    <u-badge class="bell_fill_dot" :isDot="messages > 0" type="error" />
+                </view>
                 <image class="cover" @click="onBtn('Setting', {})"
                     :src="userInfo.avatar || require('@/static/user/cover.png')" mode="aspectFill" />
-
                 <view class="user-content">
                     <view class="name">{{ userInfo.nickname }}</view>
                     <view class="tabs">
@@ -219,18 +222,23 @@
                 isWallet: false,
                 walletNum: 0,
                 // 数据看板权限
-                canSeeData: false
+                canSeeData: false,
+                messages:0,
             };
         },
         onShow() {
             // if(uni.getStorageSync('isWalleNum') != '' && uni.getStorageSync('isWalleNum') === 1) this.isWallet = true
             this.getInfo();
         },
-        methods: {
+        methods: {
+            zzz(){
+              console.log('....');
+            },
             // 用户信息
             getInfo() {
                 if (this.$store.state.token === '') return;
-                info().then(res => {
+                info().then(res => {
+                        console.log(res)
                         uni.setNavigationBarTitle({
                             title: res.nickname
                         });
@@ -244,10 +252,11 @@
                             isOpenVip: res.is_open_vip,
                             username: res.username
                         }
-                        this.identity = res.identity
-                        this.account = res.account
-                        this.serial = res.serial
-                        this.hasPassword = res.has_transfer_password
+                        this.identity = res.identity;
+                        this.account = res.account;
+                        this.serial = res.serial;
+                        this.hasPassword = res.has_transfer_password;
+                        this.messages = Number(res.messages);
                     })
                     .catch(err => {
                         uni.showToast({
@@ -312,7 +321,8 @@
                 })
             },
             // 按钮导航
-            onBtn(name, params) {
+            onBtn(name, params) {
+                console.log('name',name);
                 this.$Router.push({
                     name,
                     params
@@ -476,13 +486,30 @@
             right: 0;
             width: 100%;
             height: 100%;
-            // z-index: 100;
+            z-index: 1;
         }
 
         .user-flex {
             position: relative;
             padding: $padding * 2 $padding ($padding * 2 + 60);
-            height: 128rpx;
+            height: 128rpx;
+            .news{
+                top: -30rpx;
+                right: -30rpx;
+                position: relative;
+                .bell_fill_dot{
+                    position: absolute;
+                    top: 24rpx;
+                    right: 46rpx;
+                    z-index: 1000;
+                }
+                .bell_fill{
+                    position: absolute;
+                    right: 50rpx;
+                    top: 30rpx;
+                    z-index: 10000000;
+                }
+            }
 
             .cover {
                 position: absolute;