通知页面

pages.json

@@ -256,6 +256,18 @@
 					"animationType": "slide-in-bottom"
 				}
 			}
+		},
+		{
+			"path": "pages/messages/list",
+			"style": {
+				"navigationBarTitleText": "活动列表",
+				"app-plus": {
+					"titleNView": {
+						"backgroundColor": "#2D2D2D",
+						"titleColor": "#FFFFFF"
+					}
+				}
+			}
 		}
 	],
 	"globalStyle": {

pages/messages/list.vue

@@ -0,0 +1,75 @@
+<template>
+    <view class="box">
+        <view class="item">
+            <view class="time">2020-05-14 20:22</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>
+                <view class="next">
+                    <text>查看详情</text>
+                    <image class="right" src="@/static/image/user/1.png"></image>
+                </view>
+            </view>
+            
+        </view>
+    </view>
+</template>
+<style lang="scss" scoped>
+.box{
+    min-height: 100vh;
+    background-color: #EAEAEA;
+    .item{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .time{
+            font-size: 28rpx;
+            color: #666;
+            padding: 30rpx 0;
+        }
+        .info{
+            width: 690rpx;
+            // height: 489rpx;
+            border-radius: 20rpx;
+            overflow: hidden;
+            background-color: #fff;
+            .img{
+                width: 100%;
+                height: 280rpx;
+            }
+            .title{
+                height: 80rpx;
+                margin: 30rpx 25rpx;
+                font-size: 26rpx;
+                line-height: 40rpx;
+            }
+            .next{
+                display: flex;
+                height: 84rpx;
+                align-items: center;
+                justify-content: space-between;
+                padding: 0 25rpx;
+                border-top: 1rpx solid #ebebeb;
+                >text{
+                    font-size: 26rpx;
+                    color:#666;
+                }
+                >image{
+                    width: 9rpx;
+                    height: 17rpx;
+                }
+            }
+            
+        }
+    }
+}
+</style>
+<script>
+export default {
+    data(){
+        return {
+
+        }
+    }
+}
+</script>

pages/messages/messagesList.vue

@@ -7,7 +7,16 @@
 			</view>
 		</view> -->
 		<!-- 消息列表 -->
-		<u-empty text="并没有什么消息" mode="message" v-if="Object.keys(list).length == 0" style="margin: auto"></u-empty>
+		<view class="massage_list" @click="navto()">
+			<view class="images">
+				<image src="" ></image>
+			</view>
+			<view class="names">活动消息</view>
+			<view class="content u-line-1">12121212</view>
+			<view class="times">12121</view>
+			<view class="tishi" v-if="true"></view>
+		</view>
+		<!-- <u-empty text="并没有什么消息" mode="message" v-if="Object.keys(list).length == 0" style="margin: auto"></u-empty> -->
 		<view class="massage_list" v-for="(item,index) in list" :key="index"  @click="gochat(item)">
 			<view class="images">
 				<image :src="item.avatar" ></image>
@@ -49,6 +58,12 @@
 
 				this.$forceUpdate();
 			},
+			navto(){
+				console.log(1212)
+				this.$u.route({
+					url:"/pages/messages/list"
+				})
+			}
 		},
 		onShow(){
 			// this.list = this.imService.friends;