diff --git a/css/details.css b/css/details.css index 63f409e..2cb6770 100644 --- a/css/details.css +++ b/css/details.css @@ -303,6 +303,9 @@ border-top-left-radius: 0; background-color: #f6f6f6; } +.content .details-box .answer .dialogue .dialogue-left .img { + margin-left: 38px; +} .content .details-box .answer .dialogue .dialogue-right { display: flex; flex-direction: column; @@ -319,6 +322,9 @@ border-top-right-radius: 0; background-color: #f4f8fd; } +.content .details-box .answer .dialogue .dialogue-right .img { + margin-right: 38px; +} .content .details-box .answer .dialogue .message { font-size: 14px; color: #000000; @@ -332,6 +338,15 @@ border-radius: 16px; margin-bottom: 10px; } +.content .details-box .answer .dialogue .img { + border: 1px solid #e0dfdf; + border-radius: 10px; + width: 170px; + min-height: 100px; + max-height: 180px; + object-fit: cover; + cursor: pointer; +} .content .details-box .item-header { font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif; font-weight: 650; @@ -1549,6 +1564,31 @@ height: 16px; margin-right: 10px; } +.preview-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; +} +.preview-overlay .preview-image { + max-width: 90%; + max-height: 90%; + object-fit: contain; +} +.preview-overlay .preview-close { + position: absolute; + top: 20px; + right: 20px; + color: white; + font-size: 30px; + cursor: pointer; +} .upglide { margin-top: 0; } diff --git a/css/details.less b/css/details.less index 165e22d..dcab1be 100644 --- a/css/details.less +++ b/css/details.less @@ -339,6 +339,10 @@ border-top-left-radius: 0; background-color: rgba(246, 246, 246, 1); } + + .img { + margin-left: 38px; + } } .dialogue-right { @@ -357,6 +361,9 @@ border-top-right-radius: 0; background-color: rgba(244, 248, 253, 1); } + .img { + margin-right: 38px; + } } .message { @@ -372,6 +379,16 @@ border-radius: 16px; margin-bottom: 10px; } + + .img { + border: 1px solid #e0dfdf; + border-radius: 10px; + width: 170px; + min-height: 100px; + max-height: 180px; + object-fit: cover; + cursor: pointer; + } } } @@ -1774,6 +1791,34 @@ } } +.preview-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 1000; + + .preview-image { + max-width: 90%; + max-height: 90%; + object-fit: contain; + } + + .preview-close { + position: absolute; + top: 20px; + right: 20px; + color: white; + font-size: 30px; + cursor: pointer; + } +} + .upglide { margin-top: 0; } diff --git a/html/details.html b/html/details.html index f77d164..5e1be09 100644 --- a/html/details.html +++ b/html/details.html @@ -1,427 +1,426 @@ + + + + Document + + + + + + + + - - - - Document - - - - - - - - + +
+ - -
- - -
-
- 首页 - - 按学科查看 - - {{ disciplineObj[info.disciplineid]?.label || '' }} - -
{{ info.name_zh }}
-
-
- -
-
{{ info.name_zh }}
-
{{ info.name_en }}
-
-
- - {{ info.schoolname || '' }} -
- - -
- -
- - 111111111111111111111111111 -
- -
-
招生官项目
-
{{ info?.semester?.text }}
-
{{ item }}
-
+
+
+ 首页 + + 按学科查看 + + {{ disciplineObj[info.disciplineid]?.label || '' }} + +
{{ info.name_zh }}
- -
- -
- -
- -
- - 手机查看该项目 -
-
-
-
- -
-
-
-
{{ item }}
-
-
-
-
招生官答网友问
-
-
- - 本期内容整理自2024年10月23日香港城市大学计算学院项目宣讲会。 +
+ +
+
{{ info.name_zh }}
+
{{ info.name_en }}
+
+
+ + {{ info.schoolname || '' }}
-
-
项目概述
-
课程设置
-
职业发展
-
- -
-
-
- - 寄托网友 -
-
香港城市大学生物统计学系是一个什么样的系？
-
-
-
- 寄托网友 - -
-
香港城市大学生物统计学系是一个什么样的系？
-
-
-
-
-
-
-
-
- - {{ item.schoolname }} -
-
-
专业
-
- {{ item.professionaltou }} - item.professionalzhong - {{ item.professionalend }} -
-
{{ item.professional }}
-
-
-
项目
-
- {{ item.projecttou }} - {{ item.projecttzhong }} - {{ item.projecttend }} -
-
{{ item.project }}
-
-
- {{ item.semester }} -
- {{ item.degree }} -
-
{{ item.apply_results }}
-
-
-
{{ item.message }}
-
-
-
- - {{ item.timestamp }} -
- -
-
- - {{ item.view || 0 }} -
-
- - {{ item.ripostes || 0 }} -
-
- - {{ item.comments || 0 }} -
-
- - {{ item.reward || 0 }} -
-
-
-
-
-
-
-
-
专业排名
-
- 榜单 - -
-
-
-
-
- -
- {{ item.rank }} - - - - -
-
-
-
-
年份：
-
{{ item.year }}
-
-
-
学科：
-
{{ item.subject }}
-
-
-
-
-
项目简介
- - -
专业资格认证
- -
- -
-
申请日程
-
-
-
-
1
- 第一轮 -
-
-
-
2024-01-05
-
开始申请日期
-
-
-
2024-01-05
-
截止申请日期
-
-
-
-
-
-
1
- 第一轮 -
-
-
-
2024-01-05
-
开始申请日期
-
-
-
2024-01-05
-
截止申请日期
-
-
-
-
-
-
面试时间：
-
2024-01-05
-
-
-
结果通知时间：
-
2024-01-05
-
-
-
- -
最低入学要求
-
-
{{ info.entrance_requirements || '-' }}
-