Skip to content

Instantly share code, notes, and snippets.

@yichuanwenhua

yichuanwenhua/index.html

Created April 26, 2025 05:50
Show Gist options
  • Save yichuanwenhua/7aba3c5aaba464d068ed8b7cce59bedd to your computer and use it in GitHub Desktop.
Save yichuanwenhua/7aba3c5aaba464d068ed8b7cce59bedd to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
index.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MT工作群组接入中心</title>
<style>
:root {
--wechat-green: #07C160;
--warning-red: #FA5151;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
background: #F8F8F8;
line-height: 1.6;
padding: 20px 15px;
max-width: 600px;
margin: 0 auto;
}
.header {
text-align: center;
padding: 30px 0;
background: linear-gradient(135deg, #07C160, #05A850);
color: white;
border-radius: 12px 12px 0 0;
}
.notice {
color: var(--warning-red);
background: #FFF3F3;
padding: 12px;
border-radius: 8px;
margin: 15px 0;
font-size: 14px;
}
.group-list {
background: white;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.group-item {
padding: 18px;
border-bottom: 1px solid #EEE;
position: relative;
}
.group-item:last-child {
border-bottom: none;
}
.group-name {
font-weight: 500;
font-size: 17px;
color: #333;
margin-bottom: 8px;
}
.group-rules {
font-size: 13px;
color: var(--warning-red);
display: flex;
align-items: center;
gap: 5px;
}
.qr-code {
width: 80px;
height: 80px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background: #F5F5F5;
border-radius: 6px;
padding: 5px;
}
.join-btn {
display: inline-block;
background: var(--wechat-green);
color: white;
padding: 8px 25px;
border-radius: 20px;
text-decoration: none;
margin-top: 10px;
transition: transform 0.1s;
}
.join-btn:active {
transform: scale(0.95);
}
.footer {
text-align: center;
color: #888;
font-size: 12px;
margin-top: 25px;
}
</style>
</head>
<body>
<div class="header">
<h1>🎉 认证通过！请立即入群 🎉</h1>
<p>所有群组均为必要沟通渠道</p>
</div>
<div class="notice">⚠️ 请确保加入全部5个群组，否则将影响工作权限</div>
<div class="group-list">
<div class="group-item">
<div class="group-name">🅼🆃蹲单报备群</div>
<div class="group-rules">🚫 禁止非报备消息</div>
<a href="链接1" class="join-btn">扫码加入</a>
<div class="qr-code">[动态二维码]</div>
</div>
<div class="group-item">
<div class="group-name">🅼🆃通知派单群</div>
<div class="group-rules">🚫 严格禁言</div>
<a href="链接2" class="join-btn">扫码加入</a>
<div class="qr-code">[动态二维码]</div>
</div>
<div class="group-item">
<div class="group-name">🅼🆃培训中心</div>
<div class="group-rules">📚 新人必读文档</div>
<a href="链接3" class="join-btn">扫码加入</a>
<div class="qr-code">[动态二维码]</div>
</div>
<div class="group-item">
<div class="group-name">🅼🆃员工交流区</div>
<div class="group-rules">🚫 禁止刷屏</div>
<a href="链接4" class="join-btn">扫码加入</a>
<div class="qr-code">[动态二维码]</div>
</div>
<div class="group-item">
<div class="group-name">🅼🆃薪资报备</div>
<div class="group-rules">🚫 禁止提前申领</div>
<a href="链接5" class="join-btn">扫码加入</a>
<div class="qr-code">[动态二维码]</div>
</div>
</div>
<div class="footer">
<p>企业微信认证通道 | 遇到问题请联系管理员</p>
<p>⏰ 请在24小时内完成入群操作</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment