|
@ -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>
|