164 lines
8.0 KiB
HTML
164 lines
8.0 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/indexSide.css" />
|
|
<script src="/js/vue.global.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app" class="project">
|
|
<div class="project-list flexflex">
|
|
<a class="project-item" v-for="(item,index) in showList" target="_blank" :href="'/details/' + item.uniqid">
|
|
<div class="project-school flexacenter">
|
|
<img class="project-school-icon" :src="item.schoollogo" />
|
|
{{ item.schoolalias }}
|
|
</div>
|
|
<h2 class="project-name flexflex one-line-display">{{ item.name_zh }}</h2>
|
|
<h3 class="project-english one-line-display">{{ item.name_en }}</h3>
|
|
<div class="project-introduce flexacenter one-line-display">
|
|
{{ item.department }}
|
|
<div class="flexacenter" v-if="item.rank">
|
|
<div class="line">|</div>
|
|
专业排名
|
|
<div class="project-quantity">{{ item.rank }}</div>
|
|
</div>
|
|
<div class="flexacenter" v-if="item.tuition_fee_text">
|
|
<div class="project-line">|</div>
|
|
学费HK$ <div class="quantity">{{ item.tuition_fee_text }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="project-word one-line-display" v-if="item.distinctive">
|
|
<img class="project-img" src="/img/quotation-mark.png" />
|
|
{{ item.distinctive }}
|
|
</div>
|
|
<div class="project-tag flexflex one-line-display">
|
|
<div class="project-tag-item project-admissions" v-if="item.admissionsproject">招生官项目</div>
|
|
<div class="project-tag-item project-gray" :class="{'semester': item.semesterState}">{{ item.semester.text }}</div>
|
|
<div class="project-tag-item" v-for="item in item.tags">{{ item }}</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="project-btn">
|
|
more
|
|
<img class="project-btn-img" src="/img/side/arrows-circle-white.svg" />
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const { createApp, ref, onMounted, nextTick, onUnmounted, computed, getCurrentInstance } = Vue
|
|
|
|
const projectIndex = createApp({
|
|
setup() {
|
|
let showList = ref([
|
|
{
|
|
tuition_fee_text: "281,000",
|
|
id: 662,
|
|
uniqid: "iOTOj88OnnDK",
|
|
departmentid: 0,
|
|
disciplineid: 1,
|
|
admissionsproject: 0,
|
|
distinctive: "一句话描述独特之处，一句话描述独特之处。",
|
|
name_en: "Master of Architecture (Design)",
|
|
name_zh: "建筑学硕士（设计）",
|
|
rank: null,
|
|
name_alias: null,
|
|
name_abbr: null,
|
|
schoolid: 2971,
|
|
schoolname: "香港珠海学院",
|
|
schoolalias: "港大",
|
|
schoollogo: "https://oss.x-php.com/school/J6BSwE6VfCFlAbsjc6IXB9eUbGqEtMQINq5bEogy25QhNzUxNg~~",
|
|
contraststatus: null,
|
|
tuition_fee: "135000",
|
|
department: "建筑学院",
|
|
intake: "2024-09",
|
|
tags: false,
|
|
year: 2024,
|
|
semester: {
|
|
year: 2025,
|
|
month: 9,
|
|
text: "25Fall",
|
|
},
|
|
rank: 52,
|
|
random: "d1gt1n",
|
|
semesterState: false,
|
|
},
|
|
{
|
|
tuition_fee_text: "141,000",
|
|
id: 607,
|
|
uniqid: "KLv9qPKvL9SL",
|
|
departmentid: 0,
|
|
disciplineid: 1,
|
|
admissionsproject: 0,
|
|
distinctive: "提供与技术和数字建筑相关的知识和管理技能",
|
|
name_en: "Master of Applied Science in Intelligent Construction and Building Information Modelling",
|
|
name_zh: "理学硕士（智能建筑及建筑信息建模）",
|
|
rank: null,
|
|
name_alias: null,
|
|
name_abbr: "MASCICBIMF",
|
|
schoolid: 315,
|
|
schoolname: "香港都会大学",
|
|
schoolalias: "都大",
|
|
schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCblSBaR7ec6NYmSVtMENOf5NHJQuwf83NTE2",
|
|
contraststatus: {
|
|
projectid: 607,
|
|
status: 0,
|
|
ismanage: 1,
|
|
},
|
|
tuition_fee: "141000",
|
|
department: "科技学院",
|
|
intake: "2024-09",
|
|
tags: false,
|
|
year: 2024,
|
|
semester: {
|
|
year: 2024,
|
|
month: 9,
|
|
text: "24Fall",
|
|
},
|
|
rankk: 0,
|
|
random: "rqehuc",
|
|
semesterState: false,
|
|
},
|
|
{
|
|
tuition_fee_text: "141,000",
|
|
id: 626,
|
|
uniqid: "5SDqXCSjyDOb",
|
|
departmentid: 0,
|
|
disciplineid: 1,
|
|
admissionsproject: 0,
|
|
distinctive: "提供工程项目管理中智能建筑的全面理论背景知识",
|
|
name_en: "Master of Science in Intelligent Construction and Building Information Modelling",
|
|
name_zh: "理学硕士（智能建筑及建筑信息建模）",
|
|
rank: null,
|
|
name_alias: null,
|
|
name_abbr: "MSCICBIMF",
|
|
schoolid: 315,
|
|
schoolname: "香港都会大学",
|
|
schoolalias: "都大",
|
|
schoollogo: "https://oss.x-php.com/school/J6BSwE-VfCFkCblSBaR7ec6NYmSVtMENOf5NHJQuwf83NTE2",
|
|
contraststatus: null,
|
|
tuition_fee: "141000",
|
|
department: "科技学院",
|
|
intake: "2024-09",
|
|
tags: ["无需考试"],
|
|
year: 2024,
|
|
semester: {
|
|
year: 2024,
|
|
month: 9,
|
|
text: "24Fall",
|
|
},
|
|
rankk: 0,
|
|
random: "gvjiwv",
|
|
semesterState: false,
|
|
},
|
|
])
|
|
return { showList }
|
|
},
|
|
})
|
|
projectIndex.mount("#app")
|
|
</script>
|
|
</body>
|
|
</html>
|