模板:QQchat：修订间差异

2023年11月7日 (二) 16:35的版本

页面用户:LettuceIce/style.css没有内容。 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>
+<templatestyles src=":User:LettuceIce/style.css" />
 QQ聊天消息模板。
 <br>
 <br>
 </noinclude>
-<div style="position: relative; left: 52px; margin-bottom: 10px; max-width: 75%;"> <!-- 2 -->
+<br>
-<span style="border-radius: 10px;background-color: white; padding: 6px 10px 6px 10px; display: inline-block;"><span>
+<div class="chat_left_box">
-<span style="color: #000000; font-size:14px; ">{{{message}}}</span>
+<div class="chat_left_bubble_control">
-<div style="position:absolute;left:-42px;top:-25px;width:36px;height:36px;border-radius:50%;{{{user_profile}}}"></div>
+<span class="chat_left_bubble"><span>
-<div style="position:absolute; top: -36px; left:0px;> <!-- 3 -->
+<span class="chat_left_text">{{{message}}}</span>
-<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>
+</div>
-<span style="color:gray;font-size:12px;vertical-align: bottom;">{{{user_name}}}</span>
+<div class="chat_left_profile" style="{{{user_profile}}}"></div>
-</div> <!-- 3 -->
+<div class="chat_left_user_box> <!-- 3 -->
-</div> <!-- 2 -->
+<span class="chat_left_user_title">'''{{{user_title}}}'''</span>
+<span class="chat_left_user_name">{{{user_name}}}</span>
+</div>
+</div>
 <noinclude>
 <templatedata>