笔记本

2025-12-10 15:34:03 +08:00
parent db1ad0f88a
commit ba79dc6178
77 changed files with 3379 additions and 14 deletions
--- a/public/static/index/pc/css/topic_laptop/readon.css
+++ b/public/static/index/pc/css/topic_laptop/readon.css
@@ -0,0 +1,61 @@
+.readon-box {
+	position: relative;
+	width: 100%;
+	aspect-ratio: 16/9; /* 2560/1440=16/9，核心比例约束 */
+	
+	background-repeat: no-repeat;
+	background-size: 100% auto; /* 宽度铺满，高度自动 */
+
+	margin-bottom: 2.63rem;
+}
+
+/* 背景图适配：铺满比例容器 */
+/* .bg-img {
+	width: 100%;
+	height: 100%;
+	min-width: 1280px;
+}
+.bg-img img {
+	width: 100%;
+	height: 100%;
+} */
+.readon-text {
+	max-width: 1440px;
+	min-width: 1280px;
+	margin: 0 auto;
+}
+.readon-t {
+	color: #cbcfd8;
+	font-size: 0.64rem;
+	line-height: 1.4;
+	padding-top: 1.34rem;
+	padding-bottom: 0.43rem;
+}
+.readon-p {
+	color: #cbcfd8;
+	font-size: 0.64rem;
+}
+.readon-js {
+	color: #cbcfd8;
+	font-size: 0.27rem;
+	margin-top: 0.72rem;
+}
+.readon-img {
+	width: 100%;
+	max-width: 1440px;
+	min-width: 1280px;
+	margin-top: 10%;
+}
+.readon-img img {
+	max-width: 3.78rem;
+}
+.readon-img-box {
+	width: 100%;
+	min-width: 1280px;
+	position: absolute;
+	margin: 0 auto;
+	bottom: -30px;
+	display: flex;
+	justify-content: center;
+	gap: 0.2rem;
+}