通知和提示

pages/messages/list.vue

@@ -1,10 +1,10 @@
 <template>
     <view class="box">
-        <view class="item">
-            <view class="time">2020-05-14 20:22</view>
+        <view class="item" v-for="(item,index) in list" :key="index" @click="navto(item.id)">
+            <view class="time">{{item.addtime}}</view>
             <view class="info">
-                <image class="img"></image>
-                <view class="title u-line-2">潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名潮牌1折秒杀！杨幂同款小白鞋今日43元送10000元大红包还有明星限量签名照</view>
+                <image class="img" :src="item.picture"></image>
+                <view class="title u-line-2">{{item.title}}</view>
                 <view class="next">
                     <text>查看详情</text>
                     <image class="right" src="@/static/image/user/1.png"></image>
@@ -68,7 +68,24 @@
 export default {
     data(){
         return {
-
+            list:[]
+        }
+    },
+    onLoad(){
+        this.$u.api.messageList({page:1}).then((res)=>{
+            console.log(res)
+            this.list = res.data
+        })
+    },
+    methods:{
+        navto(id){
+            console.log(id)
+            this.$u.route({
+                url:"/pages/messages/info",
+                params:{
+                    id
+                }
+            })
         }
     }
 }