模板:QQchat：修订间差异

2024年2月19日 (一) 09:51的最新版本

QQ聊天消息模板。

{{{message}}}

{{{user_title}}} {{{user_name}}}

用于添加类似QQ聊天的消息气泡，包括头衔、昵称和消息内容。

模板参数[编辑模板数据]
参数		描述	类型	状态
message	`message`	消息内容	字符串	必需
user_profile	`user_profile`	用户头像（仅接受background-color）默认值 background-color:gray 示例值 background-color:red	未知	推荐
user_title	`user_title`	用户头衔	字符串	必需
user_name	`user_name`	用户昵称	字符串	必需

test

test test

test

test test

@@ 第1行： / 第1行： @@
 <noinclude>
-<div style="margin: 0 auto; text-align: center; width: 60%; color: white; padding:12px 0px 8px 0px; background-image:linear-gradient(90deg,#00D7FE,#00A8FF);">
+<templatestyles src=":User:LettuceIce/styles.css" />
-<p><span style="font-size:130%;">{{{group_id}}}</span><br>
+QQ聊天消息模板。
+</noinclude>
+<div class="chat_left_box">
+<div class="chat_left_bubble_control">
+<span class="chat_left_bubble"><span>
+<span class="chat_left_text">{{{message}}}</span>
 </div>
+<div class="chat_left_profile" style="{{{user_profile}}}"></div>
+<div class="chat_left_user_box> <!-- 3 -->
+<span class="chat_left_user_title">'''{{{user_title}}}'''</span>
+<span class="chat_left_user_name">{{{user_name}}}</span>
+</div>
+</div>
+<noinclude>
+<br>
+<br>
+<templatedata>
+{
+	"params": {
+		"message": {
+			"description": "消息内容",
+			"type": "string",
+			"required": true
+		},
+		"user_profile": {
+			"description": "用户头像（仅接受background-color）",
+			"example": "background-color:red",
+			"default": "background-color:gray",
+			"suggested": true
+		},
+		"user_title": {
+			"description": "用户头衔",
+			"type": "string",
+			"required": true
+		},
+		"user_name": {
+			"description": "用户昵称",
+			"type": "string",
+			"required": true
+		}
+	},
+	"paramOrder": [
+		"message",
+		"user_profile",
+		"user_title",
+		"user_name"
+	],
+	"description": "用于添加类似QQ聊天的消息气泡，包括头衔、昵称和消息内容。"
+}
+</templatedata>
-<div style="background-color:#F1F1F1; width: 60%; padding-top:12px; padding-bottom:3px; margin: 0 auto;"> <!-- 1 -->
+{{QQchat_background
+|width = 50
-<div style="text-align:center;color:gray;font-size:12px;"><p>{{{time}}}<p></div>
+|group_name = test
+|time = test
-<br>
+|content =
-<div style="position: relative; left: 52px; margin-bottom: 10px; max-width: 75%;"> <!-- 2 -->
+{{QQchat
-<span style="border-radius: 10px;background-color: white; padding: 6px 10px 6px 10px; display: inline-block;"><span>
+|message = test
-<span style="color: #000000; font-size:14px; ">{{{message}}}</span>
+|user_profile = background-color:red
-<div style="position:absolute;left:-42px;top:-25px;width:36px;height:36px;border-radius:50%;b{{{user_profile}}}"></div>
+|user_title = test
-<div style="position:absolute; top: -36px; left:0px;> <!-- 3 -->
+|user_name = test
-<span style="color:white;background-image:linear-gradient(90deg,#C487FF,#E8A2FC); padding: 0px 3px 0px 3px; border-radius: 3px; font-size:10px;display: inline-block;">'''{{{user_title}}}'''</span>
+}}
-<span style="color:gray;font-size:12px;vertical-align: bottom;">{{{user_name}}}</span>
+{{QQchat
+|message = test
+|user_profile = background-color:red
+|user_title = test
+|user_name = test
+}}
+}}
-</div> <!-- 3 -->
-</div> <!-- 2 -->
-</div><!-- 1 -->
 </noinclude>