311 lines
17 KiB
HTML
311 lines
17 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="/css/common.css" />
|
||
<link rel="stylesheet" href="/css/school.css" />
|
||
</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>
|
||
|
||
</body>
|
||
</html>
|