From 5f6044ea817bed8d96c20df50dc3cbb947c80030 Mon Sep 17 00:00:00 2001 From: A1300399510 Date: Thu, 21 Nov 2024 18:59:50 +0800 Subject: [PATCH] no message --- css/details.css | 85 +++++++++++++++++++++++++++++++++++++++ css/details.less | 98 +++++++++++++++++++++++++++++++++++++++++++++ html/details.html | 33 ++++++++++++++- img/clock-icon.png | Bin 0 -> 1016 bytes 4 files changed, 215 insertions(+), 1 deletion(-) create mode 100644 img/clock-icon.png diff --git a/css/details.css b/css/details.css index 832e877..63f409e 100644 --- a/css/details.css +++ b/css/details.css @@ -247,6 +247,91 @@ border: 1px solid #ebebeb; border-radius: 12px; } +.content .details-box .answer .hint { + color: #555555; + font-size: 13px; + height: 42px; + line-height: 42px; + border-bottom: 1px solid #ebebeb; + padding-left: 17px; +} +.content .details-box .answer .hint .icon { + width: 14px; + height: 14px; + margin-right: 6px; +} +.content .details-box .answer .tab { + flex-wrap: wrap; + padding: 23px 17px 26px; +} +.content .details-box .answer .tab .tab-item { + height: 32px; + padding: 0 12px; + background-color: #edf0f4; + border: 1px solid #ebebeb; + border-radius: 114px; + font-size: 14px; + color: #555555; + margin-right: 10px; + margin-bottom: 10px; + cursor: pointer; +} +.content .details-box .answer .tab .tab-item.pitch { + font-weight: 650; + color: #ffffff; + background-color: #6fc16d; + border: none; +} +.content .details-box .answer .dialogue { + padding: 23px 17px 26px; +} +.content .details-box .answer .dialogue .info { + color: #7f7f7f; + font-size: 13px; + margin-bottom: 4px; +} +.content .details-box .answer .dialogue .info .avatar { + border-radius: 50%; + width: 32px; + height: 32px; +} +.content .details-box .answer .dialogue .dialogue-left .avatar { + margin-right: 6px; +} +.content .details-box .answer .dialogue .dialogue-left .message { + margin-left: 38px; + border-top-left-radius: 0; + background-color: #f6f6f6; +} +.content .details-box .answer .dialogue .dialogue-right { + display: flex; + flex-direction: column; + align-items: flex-end; +} +.content .details-box .answer .dialogue .dialogue-right .info { + justify-content: flex-end; +} +.content .details-box .answer .dialogue .dialogue-right .info .avatar { + margin-left: 6px; +} +.content .details-box .answer .dialogue .dialogue-right .message { + margin-right: 38px; + border-top-right-radius: 0; + background-color: #f4f8fd; +} +.content .details-box .answer .dialogue .message { + font-size: 14px; + color: #000000; + line-height: 26px; + padding: 10px; + width: fit-content; + max-width: 80%; + min-height: 46px; + background: inherit; + border: none; + border-radius: 16px; + margin-bottom: 10px; +} .content .details-box .item-header { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; diff --git a/css/details.less b/css/details.less index 7687b47..165e22d 100644 --- a/css/details.less +++ b/css/details.less @@ -277,6 +277,104 @@ border-radius: 12px; } + .answer { + .hint { + .icon { + width: 14px; + height: 14px; + margin-right: 6px; + } + color: #555555; + font-size: 13px; + height: 42px; + line-height: 42px; + border-bottom: 1px solid #ebebeb; + padding-left: 17px; + } + + .tab { + flex-wrap: wrap; + padding: 23px 17px 26px; + + .tab-item { + height: 32px; + padding: 0 12px; + background-color: rgba(237, 240, 244, 1); + border: 1px solid rgba(235, 235, 235, 1); + border-radius: 114px; + font-size: 14px; + color: #555555; + margin-right: 10px; + margin-bottom: 10px; + cursor: pointer; + + &.pitch { + font-weight: 650; + color: #ffffff; + background-color: rgba(111, 193, 109, 1); + border: none; + } + } + } + + .dialogue { + padding: 23px 17px 26px; + .info { + color: #7f7f7f; + font-size: 13px; + margin-bottom: 4px; + .avatar { + border-radius: 50%; + width: 32px; + height: 32px; + } + } + .dialogue-left { + .avatar { + margin-right: 6px; + } + + .message { + margin-left: 38px; + border-top-left-radius: 0; + background-color: rgba(246, 246, 246, 1); + } + } + + .dialogue-right { + display: flex; + flex-direction: column; + align-items: flex-end; + .info { + justify-content: flex-end; + .avatar { + margin-left: 6px; + } + } + + .message { + margin-right: 38px; + border-top-right-radius: 0; + background-color: rgba(244, 248, 253, 1); + } + } + + .message { + font-size: 14px; + color: #000000; + line-height: 26px; + padding: 10px; + width: fit-content; + max-width: 80%; + min-height: 46px; + background: inherit; + border: none; + border-radius: 16px; + margin-bottom: 10px; + } + } + } + .item-header { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; diff --git a/html/details.html b/html/details.html index 59388bf..f77d164 100644 --- a/html/details.html +++ b/html/details.html @@ -80,6 +80,37 @@
{{ item }}
+
+
招生官答网友问
+
+
+ + 本期内容整理自2024年10月23日香港城市大学计算学院项目宣讲会。 +
+
+
项目概述
+
课程设置
+
职业发展
+
+ +
+
+
+ + 寄托网友 +
+
香港城市大学生物统计学系是一个什么样的系？
+
+
+
+ 寄托网友 + +
+
香港城市大学生物统计学系是一个什么样的系？
+
+
+
+
@@ -483,7 +514,7 @@
-
+
diff --git a/img/clock-icon.png b/img/clock-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..b613dc630a004941f831d95003330aa938af968c GIT binary patch literal 1016 zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvI6;x#X;^) z4C~IxyacIC_6YK2V5m}KU}$JzVE6?TYIwoGP-?)y@G60U!D+Jvk)<96$!o~1=g zgY*{0=)T!9Rcg|%Rjo^xy<(Ae+jQR~^E8*gr5)$=X}+@N7xO3cY5Q&5S@&q7nY)Hs zXP6;_Uf~pp6&LxIFn-8L4xX3DUB3A~c>i_g{Ku^l9|{k| zXk{ij?3OV)AKNI=5IAvW@J)7>%CyG`@&&euX1bpboP8Vniz9Q}-Y0+WxYShCc*PiX zYyE#bFFsE2tob|Rp9`*4{r~ajm$@xhSHIOY^M;L`Qd}9$4#k#syBzo4-RCY|m}@b+ z@#d-6zMUIOZmWFd%ikHJTG4*%4qLL{@zqcGp1P~;+Amiful`BN^jo6NUAc2^js~+5 z*RO8!_ZtQajI@< zQ6@uLW=^V=zP^4&er~FMVoGjio_=O>ex7bxeqM=wNp1m{7hh_gWRRI(RajD(t)HBe apPa1+G(>aOwWmNc89ZJ6T-G@yGywojt1Msu literal 0 HcmV?d00001