瀏覽代碼

内推消息html上传

zyz 7 年之前
父節點
當前提交
d1048a743f
共有 2 個文件被更改,包括 31 次插入0 次删除
  1. 31 0
      html/home/html/message-push.html
  2. 二進制
      html/home/images/tixing_img.png

+ 31 - 0
html/home/html/message-push.html

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>app内消息推送</title>
		<style type="text/css">
			*{margin: 0;padding: 0;box-sizing: border-box;}
			.message-push{padding: 20px 10px 0;display: block;}
			.message-container{border-radius: 5px;font-size: 12px;line-height: 1.8;background: rgba(0,0,0,.8);display: flex;align-items: center;justify-content: center;padding: 10px 15px;}
			.tishi-img{width: 50px;}
			.tishi-img-icon{width: 40px;height: 40px;display: block;}
			.tishi-container{flex: 1;-webkit-flex: 1;}
			.tixing-icon{color: #fd8200;}
			.tishi-content{color: #fff;margin: 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
			.tishi-remark{color: #37a6ec;}
		</style>
	</head>
	<body>
		<div class="message-push">
			<div class="message-container">
				<div class="tishi-img">
					<img class="tishi-img-icon" src="../images/tixing_img.png" />
				</div>
				<div class="tishi-container">
					<p class="tishi-content"><span class="tixing-icon">[就诊提醒]</span>今天14:30,上饶市人民医院,消化内科。今天14:30,上饶市人民医院,消化内科。今天14:30,上饶市人民医院,消化内科。</p>
					<p class="tishi-remark">请提前30分钟到达就诊出</p>
				</div>
			</div>
		</div>
	</body>
</html>

二進制
html/home/images/tixing_img.png