<template>
	<div class="public-notice">
		<div class="card">
			<div class="card__header">
				<i style="font-size: 25px" class="el-icon-date"></i>
				<span class="value" style="margin: 20px 10px; padding: 20px 0px; font-size: 28px">
					公告
				</span>
			</div>
			<!-- <p class="label">今日晴，0℃ - 10℃，天气寒冷，注意添加衣物。</p> -->
			<div class="card__container" style="padding-top: 20px">
				<!-- <span class="label" style="font-size: 18px">{{ nowDate }}</span> -->
				<ul class="count-sales__cop">
					<li>
						<i class="el-icon-s-flag"></i>
						<img
							src="https://v1.jinrishici.com/rensheng/lizhi.svg?font-size=25&spacing=1"
						/>
					</li>
					<li>
						<i class="el-icon-s-flag"></i>
						<img
							src="https://v1.jinrishici.com/rensheng/zheli.svg?font-size=25&spacing=1"
						/>
					</li>
					<li>
						<i class="el-icon-s-flag"></i>
						<img src="https://api.gushi.ci/rensheng.svg?font-size=25&spacing=1" />
					</li>
				</ul>
			</div>
			<!-- <div class="card__footer">
				<span class="label">今日流量</span>
				<span class="value">1582</span>
			</div> -->
		</div>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
	data() {
		// return {
		// 	nowDate: "", // 当前日期
		// 	timeState: "早上好，请开始一天的工作吧"
		// };
	},
	methods: {
		// currentTime() {
		// 	setInterval(this.formatDate, 500);
		// },
		// formatDate() {
		// 	let date = new Date();
		// 	let year = date.getFullYear(); // 年
		// 	let month = date.getMonth() + 1; // 月
		// 	let day = date.getDate(); // 日
		// 	let week = date.getDay(); // 星期
		// 	let weekArr = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
		// 	let h = date.getHours(); // 时
		// 	let hour = h < 10 ? "0" + h : h; // 如果只有一位，则前面补零
		// 	let m = date.getMinutes(); // 分
		// 	let minute = m < 10 ? "0" + m : m; // 如果只有一位，则前面补零
		// 	let s = date.getSeconds(); // 秒
		// 	let second = s < 10 ? "0" + s : s; // 如果只有一位，则前面补零
		// 	this.nowDate = `${year}-${month}-${day} ${weekArr[week]} ${hour}:${minute}:${second}`;
		// 	//
		// 	if (h < 10) {
		// 		this.timeState = "早上好，请开始一天的工作吧";
		// 	} else if (h < 12) {
		// 		this.timeState = "上午好，休息一下再工作吧";
		// 	} else if (h < 14) {
		// 		this.timeState = "中午好，干饭了";
		// 	} else if (h < 18) {
		// 		this.timeState = "下午好，记得多喝热水";
		// 	} else {
		// 		this.timeState = "晚上好，总结一下今天的工作吧";
		// 	}
		// }
	}
	// mounted() {
	// 	this.currentTime();
	// }
	// 销毁定时器
	// beforeDestroy() {
	// 	if (this.formatDate) {
	// 		clearInterval(this.formatDate); // 在Vue实例销毁前，清除时间定时器
	// 	}
	// }
});
</script>

<style lang="scss" scoped>
.public-notice {
	height: 300px;
	padding: 0 20px;
}
.card__container {
	height: 200px;
}
.count-sales {
	&__cop {
		// display: flex;
		// justify-content: space-between;
		align-items: center;
		// height: 300px;
		font-size: 16px;

		li {
			padding-top: 20px;
			display: flex;
			list-style: none;
			flex: 1;
			color: #353434;

			i {
				display: flex;
				align-items: center;
				margin-right: 10px;
			}
		}
	}
}
</style>
