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

首页缘分项目样式

Browse Source
This commit is contained in:
A1300399510 2025-01-06 19:17:24 +08:00
parent 9ad5d7b35a
commit 9da31e363d
3 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/index.css
View File

@ -1,6 +1,11 @@
:root {
--main-color: #3498db;
}
.aaa {
width: 1px;
height: 1px;
background-color: salmon;
}
.header-box {
width: 100%;
height: 130px;

6
css/index.less
View File

@ -2,6 +2,12 @@
--main-color: #3498db;
}
.aaa {
width: 1px;
height: 1px;
background-color: salmon;
}
.header-box {
width: 100%;
height: 130px;

36
html/index.html
View File

@ -20,7 +20,10 @@
<body>
<div id="app" class="main" v-cloak>
<img class="index-icon" src="/img/index-icon.png" />
<div class="aaa"></div>
<div style="display: flex" class="header-box flexacenter">
<img class="bj" src="/img/header-bj.svg" />
<div class="search flexacenter">
@ -93,6 +96,13 @@
</div>
<div class="name">理学硕士（电脑科学）</div>
</div>
<div class="thead flex1 flexacenter">
<div class="school flexcenter">
<img class="img" src="https://oss.x-php.com/school/J6BSwE-VfCFkCblSBaR7ec6NYmSVtMENOf5NHJQuwf83NTE2" />
香港大学
</div>
<div class="name">理学硕士（电脑科学）</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">专业排名</div>
@ -102,6 +112,9 @@
<div class="thead flex1">
<div class="mode1 flexcenter">151-200</div>
</div>
<div class="thead flex1">
<div class="mode1 flexcenter">151-200</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">学费</div>
@ -117,6 +130,12 @@
<div class="unit">HK$</div>
</div>
</div>
<div class="thead flex1">
<div class="mode3 flexcenter">
141,00
<div class="unit">HK$</div>
</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">入学保证金</div>
@ -132,6 +151,12 @@
<div class="unit">HK$</div>
</div>
</div>
<div class="thead flex1">
<div class="mode3 flexcenter">
141,00
<div class="unit">HK$</div>
</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">奖学金</div>
@ -141,6 +166,9 @@
<div class="thead flex1">
<div class="mode2 flexcenter">均有</div>
</div>
<div class="thead flex1">
<div class="mode2 flexcenter">均有</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">一般学习时长</div>
@ -150,6 +178,9 @@
<div class="thead flex1">
<div class="mode2 flexcenter">-</div>
</div>
<div class="thead flex1">
<div class="mode2 flexcenter">-</div>
</div>
</div>
<div class="item flexflex">
<div class="head flexacenter">授课语言</div>
@ -159,9 +190,12 @@
<div class="thead flex1">
<div class="mode2 flexcenter">英语</div>
</div>
<div class="thead flex1">
<div class="mode2 flexcenter">英语</div>
</div>
</div>
<a class="btn flexcenter" target="_blank" href="/contrastDetails/kfvDjXw75ANEsHHMyNRBpiPy5cX1K9Z1uZH3tumpOrtQ5j038PGj5ToCP2M4ZmQ~">
<a class="btn flexcenter" target="_blank" disabled>
项目对比
<img class="icon" src="/img/arrows-circle.svg" />
</a>