mirror of
https://github.com/LC044/WeChatMsg
synced 2025-02-21 18:12:18 +08:00
136 lines
3.7 KiB
HTML
136 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
</head>
|
|
<style type="text/css">
|
|
.mobile-page .admin-reply{
|
|
box-shadow: 0px 0px 2px #ddd;
|
|
}
|
|
.mobile-page .user-msg, .mobile-page .admin-msg{
|
|
width: 75%;
|
|
position: relative;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div>
|
|
<table align="right" style="vertical-align: middle;">
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
%s 13245:
|
|
</td>
|
|
<td></td>
|
|
<td rowspan="2" style="border: 1px #000000 solid">
|
|
<a href="D:\Project\Python\WeChatMsg\app\data\icon.png" target="_blank">
|
|
<img align="right" src="./app/data/avatar/2a/42/user_2a427a26f96058921da245444ab542f5.png" width="45" height="45"/>
|
|
</a>
|
|
|
|
</td>
|
|
<td rowspan="2">ADC</td>
|
|
</tr>>
|
|
<tr>
|
|
<td style="background-color: #9EEA6A;right: 4px;border-radius: 4px;">
|
|
%s 13245:
|
|
</td>
|
|
<td width="55" style=""> </td>
|
|
<!-- <td style="border: 1px #000000 solid"><img align="right" src="./app/data/avatar/2a/42/user_2a427a26f96058921da245444ab542f5.png" width="45" height="45"/></td>-->
|
|
<td width="15"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
|
<table height="300" width="300" border="1" >
|
|
<caption>我是标题</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>英雄</th>
|
|
<th>性别</th>
|
|
<th>职业</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>亚索</td>
|
|
<td>男</td>
|
|
<td >中单</td>
|
|
</tr>
|
|
<tr>
|
|
<td>卡莎</td>
|
|
<td>女</td>
|
|
<td rowspan="2">ADC</td>
|
|
</tr>
|
|
<tr>
|
|
<td>寒冰</td>
|
|
<td>女</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|
|
|
|
<!-- <body>
|
|
<div class="mobile-page">
|
|
<div class="user-group" style="padding: 6px;
|
|
display: flex;
|
|
display: -webkit-flex;
|
|
justify-content: flex-end;
|
|
-webkit-justify-content: flex-end;
|
|
">
|
|
<div class="user-msg" style="text-align: right;
|
|
width: 75%;
|
|
position: relative;">
|
|
<span class="user-reply" style="display: inline-block;
|
|
padding: 8px;
|
|
border-radius: 4px;
|
|
margin:0 15px 12px;
|
|
text-align: left;
|
|
background-color: #9EEA6A;
|
|
box-shadow: 0px 0px 2px #bbb;
|
|
">我要抢楼</span>
|
|
<i style="width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 10px;
|
|
display: inline-block;
|
|
border-top: 10px solid transparent;
|
|
border-bottom: 10px solid transparent;
|
|
right: 4px;
|
|
border-left: 12px solid #9EEA6A;"></i>
|
|
</div>
|
|
<img class="user-img" src="./app/data/avatar/2a/42/user_2a427a26f96058921da245444ab542f5.png" width="45px" height="45px";/>
|
|
</div>
|
|
<div class="admin-group">
|
|
<img class="admin-img" src="http://localhost/public/img/aa.jpg"/>
|
|
<div class="admin-msg">
|
|
<i class="triangle-admin"></i>
|
|
<span class="admin-reply">欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！</span>
|
|
</div>
|
|
</div>
|
|
<div class="user-group">
|
|
<div class="user-msg">
|
|
<span class="user-reply">我要抢楼我要抢楼我要抢楼。</span>
|
|
<i class="triangle-user"></i>
|
|
</div>
|
|
<img class="user-img" src="img/cc.jpg"/>
|
|
</div>
|
|
<div class="admin-group">
|
|
<img class="admin-img" src="./app/data/avatar/2a/42/user_2a427a26f96058921da245444ab542f5.png"/>
|
|
<div class="admin-msg">
|
|
<i class="triangle-admin"></i>
|
|
<span class="admin-reply">欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！欢迎来抢楼！</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> -->
|
|
</html> |