gter.net/xg-project-library
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
3f4d2c3fc4
xg-project-library/html/school.html

315 lines
18 KiB
HTML
Raw Normal View History

no message
2024-10-29 11:14:25 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
no message
2024-10-31 04:27:27 +00:00
<link rel="stylesheet" href="/css/common.css" />
<link rel="stylesheet" href="/css/school.css" />
no message
2024-10-29 11:14:25 +00:00
</head>
<body>
<div class="main">
<img class="index-icon" src="/img/index-icon.png" />
<div style="display: none;" class="box">
<div class="tab flexacenter">
首页
<img class="img" src="/img/arrows.svg" />
按学校查看
<img class="img" src="/img/arrows.svg" />
<div class="current">香港大学</div>
</div>
<div class="details flexflex">
<div class="logo flexcenter">
<img class="bj" src="/img/logo-bj.png" />
<img class="img" src="https://axure-file.lanhuapp.com/md5__68256768938198d279381608ea82d345.png" />
</div>
<div class="right">
<div class="name">香港大学</div>
<div class="name-en">The University of Hong Kong</div>
<div class="world">
<div class="head flexcenter">
<div class="icon flexcenter">
<img class="img" src="https://app.gter.net/image/miniApp/offer/world-ranking-icon.png" mode="widthFix" />
</div>
</div>
<div class="list flexacenter">
<div class="item flex1 flexacenter">
<div class="quantity">16</div>
<div class="ranking-name">
QS
<img class="ranking-icon" src="https://app.gter.net/image/miniApp/offer/triangle-QS.svg" />
<!-- <image wx:if="{{ item.mechanism == '泰晤士' }}" class="ranking-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/triangle-TIMES.svg"></image>
<image wx:if="{{ item.mechanism == 'USNEWS' }}" class="ranking-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/triangle-US-News.svg"></image>
<image wx:if="{{ item.mechanism == '软科' }}" class="ranking-icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/triangle-Soft.svg"></image> -->
</div>
</div>
</div>
</div>
<div class="brief">
<div class="text">香港大学简称为“港大”、“HKU”，是一所位处中华人民共和国香港特别行政区的公立研究型大学，其奠基于1910年3月16日，次年3月30日…</div>
<img class="img" src="/img/arrows-gray-icon.png" />
</div>
</div>
</div>
</div>
<!-- 热门项目 -->
<div class="hot">
<div class="header flexacenter">
<div class="icon flexcenter">
<img class="img" src="/img/hot-icon.png" />
</div>
热门项目
</div>
<div class="list">
<div class="list-item">
<div class="item flexacenter">
<div class="left flex1">
<div class="name">教育学硕士</div>
<div class="text flexacenter">
Master of Education
<div class="ranking flexacenter">
<div class="vertical">|</div>
专业排名
<div class="number">52</div>
</div>
</div>
</div>
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div style="display: none;" class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div style="display: none;" class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
</div>
<div class="item flexacenter">
<div class="left flex1">
<div class="name">教育学硕士</div>
<div class="text flexacenter">
Master of Education
<div class="ranking flexacenter">
<div class="vertical">|</div>
专业排名
<div class="number">52</div>
</div>
</div>
</div>
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div style="display: flex;" class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div style="display: none;" class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
<!-- <div class="bottom"></div> -->
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
</div>
<div class="item flexacenter">
<div class="left flex1">
<div class="name">教育学硕士</div>
<div class="text flexacenter">
Master of Education
<div class="ranking flexacenter">
<div class="vertical">|</div>
专业排名
<div class="number">52</div>
</div>
</div>
</div>
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div style="display: flex;" class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div style="display: none;" class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
<!-- <div class="bottom"></div> -->
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
</div>
<div class="item flexacenter">
<div class="left flex1">
<div class="name">教育学硕士</div>
<div class="text flexacenter">
Master of Education
<div class="ranking flexacenter">
<div class="vertical">|</div>
专业排名
<div class="number">52</div>
</div>
</div>
</div>
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div style="display: flex;" class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div style="display: none;" class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
<!-- <div class="bottom"></div> -->
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
</div>
</div>
</div>
<div class="indicate flexcenter">
<img class="icon" src="/img/arrows-triangle-gray.svg" />
<div class="text">1/3</div>
<img class="icon" src="/img/arrows-triangle-blue.svg" />
</div>
</div>
<!-- -->
<div class="content">
<div class="header flexcenter">项目筛选</div>
<div class="body flexflex">
<div class="left">
<div class="item flexacenter"><img class="img" src="/img/side-all.png" />全部项目</div>
<div class="item flexacenter pitch"><img class="img" src="/img/side-subject.png" />按学科</div>
<div class="item flexacenter"><img class="img" src="/img/side-school.png" />按学院</div>
</div>
<div class="right flex1">
<div class="screen">
<div class="title">按学科查看：</div>
<div class="list flexflex">
<div class="item pitch">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
<div class="item">建筑及城市规划</div>
</div>
</div>
<div class="h flexacenter">
<div class="total">共 113 个项目</div>
<div class="sort flexacenter">
学费由低到高
<img class="img" src="/img/sort-icon.png" />
</div>
</div>
<div class="list flexflex">
<div class="item">
<div class="operate flexcenter">
<div style="display: none;" class="circle flexcenter">
<img class="img-add" src="/img/add-thick.svg" />
</div>
<div class="circle flexcenter">
<img class="img-dot" src="/img/dot-dot-dot.png" />
</div>
<div class="select flexflex show">
<div class="title flexacenter">
<div class="dot"></div>
该项目已加入对比单，未加入项目管理
</div>
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
</div>
<div style="display: none;" class="already flexacenter">
<div class="tick-box flexcenter">
<img class="img-tick" src="/img/tick-icon.svg" />
</div>
已加入
</div>
</div>
<div class="name flexflex">建筑硕士</div>
<div class="english">Master of Architecture</div>
<div class="introduce flexacenter">
建筑学院
<div class="flexacenter">
<div class="line">|</div>
专业排名
<div class="quantity">52</div>
</div>
<div class="flexacenter">
<div class="line">|</div>
学费HK$ <vie class="quantity">281,000</vie>
</div>
</div>
<div class="word">一句话描述独特之处，一句话描述独特之处。</div>
<div class="tag flexflex">
<div class="tag-item admissions">招生官项目</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="base flexcenter">
<div class="left flexacenter">
<div class="text flex1">搜索项目</div>
<img class="img" src="/img/search-black-icon.svg" />
</div>
<div class="rigth flexacenter">
<img class="img" src="/img/contrast-icon.png" />
<div class="text">项目对比</div>
<div class="number">16</div>
</div>
</div>
</div>
<script>
function name() {
return "123"
}
</script>
</body>
</html>
Reference in New Issue Copy Permalink