40d06c180f
新增项目库组件item-project，包含学校、专业、学费等信息的展示 优化搜索页面样式，调整分类项宽度和间距 修复搜索页面滚动定位问题，完善分页和URL参数处理 添加本地开发服务器脚本serve.ps1 更新public.css和public.less样式文件
30 lines
1.5 KiB
Plaintext
30 lines
1.5 KiB
Plaintext
<div class="item-box item-project">
|
|
<div class="tag flexflex">
|
|
<img class="tag-item icon" v-if="item.admissionsproject" src="https://app.gter.net/image/miniApp/offer/admissions-icon.png" />
|
|
<a class="tag-item blue" href="https://program.gter.net/" target="_blank">港校项目库</a>
|
|
<div class="tag-item" :class="item.class" v-for="(tag, index) in item.tags" :key="index">{{ tag.name || tag }}
|
|
</div>
|
|
</div>
|
|
|
|
<a class="school flexacenter" :href="item.url" target="_blank">
|
|
<img class="icon" v-if="item.schoollogo" :src="item.schoollogo" />
|
|
<span class="flex1">{{ item.schoolname }}</span>
|
|
</a>
|
|
|
|
<a class="name flexacenter" :href="item.url" target="_blank">{{ item.name_zh || item.program_zh }}</a>
|
|
<a class="en flexacenter" :href="item.url" target="_blank">{{ item.name_en || item.program_en }}</a>
|
|
<a class="introduce flexacenter" :href="item.url" target="_blank">
|
|
<span>{{ item.department }}</span>
|
|
<div class="flexacenter" v-if="item.rank">
|
|
<div class="line" v-if="item.department">|</div>
|
|
专业排名 <div class="q">{{ item.rank }}</div>
|
|
</div>
|
|
<div class="flexacenter" v-if="item.tuition_fee">
|
|
<div class="line" v-if="item.department || item.rank">|</div>
|
|
学费HK$ <div class="q">{{ item.tuition_fee_text }}</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="word flexacenter one-line-display" v-if="item.distinctive" :href="item.url" target="_blank">{{
|
|
item.distinctive }}</a>
|
|
</div> |