<template>
	<view class="page">
		<view style="position: absolute; top: 0; width: 100%;">
			<image :src="$imgUrl('/bg.png')" style="width: 100%; height: 490rpx;border-radius: 0 0 40rpx 40rpx;"></image></view>
		<view class="my-top">
			<view class="head" :style="'background-color: rgba(38,197,112,'+(scrollTop/50)+');'">
				<view class="logo-title">
					<image :src="$imgUrl('/logo.png')" ></image>
				</view>
				<view class="title">
					
				</view>
				<view class="setting-mess"></view>
			</view>
		</view>
		<view class="main">
		<view class="message-list">
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg1.png')"  mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>通知消息</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg2.png')" mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>新订单提醒</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image  :src="$imgUrl('/msg3.png')"   mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>发货提醒</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image  :src="$imgUrl('/msg4.png')"  mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>退款/售后提醒</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg5.png')"  mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>库存提醒</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg6.png')" mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>活动通知</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg7.png')" mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>临时铺位申请</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
			<view class="list">
				<view class="icon-data">
					<view class="icon">
						<image :src="$imgUrl('/msg7.png')" mode=""></image>
					</view>
					<view class="data">
						<view class="title">
							<text>缴费通知</text>
						</view>
						<view class="describe">
							<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
						</view>
					</view>
				</view>
				<view class="more">
					<view class="more-num">2</view>
					<view class="icon-more">11:28</view>
				</view>
			</view>
		</view>
		
		<view class="message-list">
			<view class="bidding-title"><view class="bidding-title-line"></view>消息<text>(5)</text></view>
			<view class="message-list" style="padding: 0;">
				<view class="list" v-for="(item,index) in 4" :key="index">
					<view class="icon-data">
						<view class="icon">
							<!-- <image :src="`${this.$imgs}/img/head.jpg`" mode=""></image> -->
						</view>
						<view class="data">
							<view class="title">
								<text>李雷有四</text>
							</view>
							<view class="describe">
								<text>这里有最新消息这里有最新消息这里有最新消息这里有最新消息</text>
							</view>
						</view>
					</view>
					<view class="more">
						<view class="more-num">2</view>
						<view class="icon-more">11:28</view>
					</view>
				</view>
			</view>
		</view>
		
		</view>
		<!-- tabbar -->
		<tabbar :tabBarShow="2"></tabbar>
	</view>
</template>

<script>
	import tabbar from '../../components/tabbar/tabbar.vue';
	export default {
		components: {
			tabbar,
		},
		data() {
			return {
				scrollTop: 0,
			};
		},
		onLoad() {
		  // 检查用户是否登录
		  const isLogin = uni.getStorageSync('token') || false;
		  if (!isLogin) {
		    // 如果未登录，跳转到登录页面
			
		  }else{
			this.cheng = false
		  }
		},
		onReady() {
			uni.hideTabBar();
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods:{
		}
	}
</script>

<style scoped lang="scss">
	@import 'message.scss';
</style>
