<template>
	<div class="base-notification">
		<Poptip :title="$t('utils.newNotice')" class="dark-iview-poptip">
			<Icon type="md-notifications" />
			<!-- <div slot="content" class="notice-wrap">
				<div class="notice-item">
					<p class="item-name">青城山学校</p>
					<p class="item-content">活动[2020下学期国文期末考]达成率已达100%</p>
					<span class="item-time">2020-08-14 18:22</span>
				</div>
				<div class="notice-item">
					<p class="item-name">成都市高新区芳草小学</p>
					<p class="item-content">已成功加入</p>
					<span class="item-time">2020-08-14 18:22</span>
				</div>
				<div class="notice-item">
					<p class="item-name">成都市泡桐树小学</p>
					<p class="item-content">活动[2020下学期国文期末考]达成率已达100%</p>
					<span class="item-time">2020-08-14 18:22</span>
				</div>
			</div> -->
		</Poptip>
	</div>
</template>

<script>
</script>

<style lang="less">
	.base-notification{
		.ivu-icon{
			font-size: 22px;
			color: #d0d0d0;
			cursor: pointer;
		}
		
		.dark-iview-poptip .ivu-poptip-popper{
			padding: 0;
			top: 40px !important;
		}
		
		.notice-wrap{
			display: flex;
			flex-direction: column;
			
			.notice-item{
				position: relative;
				padding: 10px;
				color:#d0d0d0;
				border-bottom: 1px solid #424242;
				
				&:last-child{
					border: none;
				}
				
				.item-name{
					font-size: 16px;
					font-weight: bold;
					color:#fff;
					margin: 10px 0;
				}
				
				.item-time{
					margin-top: 5px;
					font-size: 12px;
					color:#777777;
					float: right;
				}
			}
		}
	}
</style>
