查看“︁模板:QQchat”︁的源代码

<noinclude>
QQ聊天消息模板。
</noinclude>
<div style="position: relative; left: 52px; margin-bottom: 10px; max-width: 75%;"> <!-- 2 -->
<span style="border-radius: 10px;background-color: white; padding: 6px 10px 6px 10px; display: inline-block;"><span>
<span style="color: #000000; font-size:14px; ">{{{message}}}</span>
<div style="position:absolute;left:-42px;top:-25px;width:36px;height:36px;border-radius:50%;{{{user_profile}}}"></div>
<div style="position:absolute; top: -36px; left:0px;> <!-- 3 -->
<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>
</div> <!-- 3 -->
</div> <!-- 2 -->
<noinclude>
<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>

{{QQchat_background
|width = 50
|group_name = test
|time = test
|content = 
{{QQchat
|message = test
|user_profile = background-color:red
|user_title = test
|user_name = test
}}
{{QQchat
|message = test
|user_profile = background-color:red
|user_title = test
|user_name = test
}}
}}

</noinclude>