通知页面
This commit is contained in:
		
							parent
							
								
									5dd01ffa93
								
							
						
					
					
						commit
						40e252c400
					
				
							
								
								
									
										12
									
								
								pages.json
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								pages.json
									
									
									
									
									
								
							@ -256,6 +256,18 @@
 | 
			
		||||
					"animationType": "slide-in-bottom"
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
		},
 | 
			
		||||
		{
 | 
			
		||||
			"path": "pages/messages/list",
 | 
			
		||||
			"style": {
 | 
			
		||||
				"navigationBarTitleText": "活动列表",
 | 
			
		||||
				"app-plus": {
 | 
			
		||||
					"titleNView": {
 | 
			
		||||
						"backgroundColor": "#2D2D2D",
 | 
			
		||||
						"titleColor": "#FFFFFF"
 | 
			
		||||
					}
 | 
			
		||||
				}
 | 
			
		||||
			}
 | 
			
		||||
		}
 | 
			
		||||
	],
 | 
			
		||||
	"globalStyle": {
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										75
									
								
								pages/messages/list.vue
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										75
									
								
								pages/messages/list.vue
									
									
									
									
									
										Normal file
									
								
							@ -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>
 | 
			
		||||
@ -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;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user