差别

这里会显示出您选择的修订版和当前版本之间的差别。

--- playground:playground [2020/07/29 17:38]
127.0.0.1 外部编辑
+++ playground:playground [2024/02/26 18:29] (当前版本)
UWiki Admin
@@ 行 1: / 行 1: @@
-====== PlayGround ======
+====== 沙盒 ======
+~~DISCUSSION~~
+===== 注意事项 =====
+  - 不要长时间占用，这里是公共页面。
+  - 不要进行无意义的编辑，这里是测试用的沙盒，不是乱涂乱画的地方。
+  - 不要破坏页面，“破坏行为”包括但不限于：
+    - 使用大量无意义文字塞满页面。
+    - 删除/修改“你不应该改动”的内容（比如这段文字）。
+    - 大量使用可能造成浏览器卡顿的模板或魔术字。
+    - 大量使用可能造成服务器卡顿的模板或魔术字。
+    - 使用伤眼的内容塞满页面。
+    - 其他可能造成麻烦的操作。
+  - 管理员会时常来清理页面，你的编辑不会永久保留。
+    - 你可以使用右上角“Wiki功能”里的“查看历史”功能找回你的编辑记录。
+===== 请在这行文字下开始你的编辑 =====
+<wrap lo><wrap>{{:wiki:50px-disambig_gray.png?nolink&24|}} 本条目介绍的是物品形式的钻石。关于相关的矿石，请见“钻石矿石”。关于相关的方块，请见“钻石块”。关于其他用途，请见“钻石（消歧义）”。</wrap></wrap>
+<WRAP box>
+{{:wiki:50px-disambig_gray.png?nolink&48 |}} 本条目介绍的是物品形式的钻石。关于相关的矿石，请见“钻石矿石”。关于相关的方块，请见“钻石块”。关于其他用途，请见“钻石（消歧义）”。
+</WRAP>
+<WRAP center round info 60%>
+消息框
+</WRAP>
+<nowiki>{{page>template:dialog#Test&nofooter&noeditbtn&noheader}}</nowiki>
+<html>
+<style>
+	.time-line-box>.left {
+		display: table-cell;
+		padding: 10px;
+		width: 110px;
+		text-align: right;
+		font-size: 26px;
+	}
+	.time-line-box>.line {
+		display: table-cell;
+		background-color: chartreuse;
+		max-width: 8px;
+	}
+	.time-line-box>.right {
+		display: table-cell;
+		font-size: 18px;
+		padding: 10px;
+	}
+	.time-dot {
+		background-color: blueviolet;
+		width: 16px;
+		height: 16px;
+		margin: 10px 0 0 -4px;
+		border-radius: 50px;
+		border: double 4px #fff;
+	}
+	.display-dot {
+		background-color: rgba(0, 0, 0, 0);
+		border: double 4px rgba(0, 0, 0, 0);
+	}
+</style>
+<div class="time-line-box">
+	<div class="left">
+		<p>11月</p>
+	</div>
+	<div class="line">
+		<div class="time-dot"></div>
+	</div>
+	<div class="right">
+		Lorem, ipsum dolor sit amet consectetur adipisicing elit. Deserunt numquam incidunt sit delectus dolorum iste pariatur tempora, nam a repudiandae veniam ipsa laborum deleniti sunt harum possimus, minima quibusdam nemo.
+	</div>
+</div>
+<div class="time-line-box">
+	<div class="left">
+		<p>12月</p>
+	</div>
+	<div class="line">
+		<div class="time-dot"></div>
+	</div>
+	<div class="right">
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eaque iusto exercitationem nesciunt commodi, eos laboriosam, rerum suscipit explicabo labore numquam! Numquam eum asperiores rem magnam quasi consequatur quam corrupti.
+	</div>
+</div>
+<div class="time-line-box">
+	<div class="left">
+		<p>2023年</p>
+	</div>
+	<div class="line">
+		<div class="time-dot display-dot"></div>
+	</div>
+</div>
+<div class="time-line-box">
+	<div class="left">
+		<p>1月</p>
+	</div>
+	<div class="line">
+		<div class="time-dot"></div>
+	</div>
+	<div class="right">
+		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis eaque iusto exercitationem nesciunt commodi, eos laboriosam, rerum suscipit explicabo labore numquam! Numquam eum asperiores rem magnam quasi consequatur quam corrupti.
+	</div>
+</div>
+</html>