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

no message

Browse Source
This commit is contained in:
A1300399510 2024-11-21 17:55:29 +08:00
parent 600fbfb8c3
commit 7effa0f099
9 changed files with 644 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

209
css/details.css
View File

@ -960,20 +960,181 @@
width: 14px;
margin-right: 5px;
}
.else {
.right {
width: 290px;
margin-left: 10px;
}
.right .live {
width: 100%;
margin-bottom: 20px;
background: linear-gradient(-24.24254087deg, #d6dcf0 0%, #dae6f2 19%, #eff2cc 62%, #eff9f1 100%);
border-radius: 11px;
padding-top: 20px;
padding-bottom: 30px;
}
.right .live .head {
margin-bottom: 17px;
}
.right .live .head .icon {
width: 89px;
height: 28px;
margin-right: 8px;
}
.right .live .head .text {
width: 104px;
height: 24px;
background-color: #026277;
border-radius: 4px;
color: #ffffff;
font-size: 13px;
position: relative;
}
.right .live .head .text .triangle {
position: absolute;
top: 50%;
left: -3px;
transform: translateY(-50%);
width: 6px;
height: 11px;
}
.right .live .content-box {
position: relative;
}
.right .live .content-box .triangle {
width: 14px;
height: 5px;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
}
.right .live .content-box .point {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
}
.right .live .content-box .point .item {
width: 10px;
height: 4px;
background-color: #d7d7d7;
border-radius: 20px;
cursor: pointer;
}
.right .live .content-box .point .item:not(:last-of-type) {
margin-right: 4px;
}
.right .live .content-box .point .item.pitch {
background-color: #fa6b11;
}
.right .live .content {
height: 340px;
background-color: rgba(255, 255, 255, 0.80392157);
border-radius: 8px;
margin: 0 11px 27px;
display: flex;
overflow: hidden;
position: relative;
}
.right .live .content .swiper {
margin-bottom: 5px;
display: flex;
}
.right .live .content .swiper .swiper-item {
width: 268px;
padding-top: 8px;
}
.right .live .content .swiper .swiper-item .item {
position: relative;
padding-bottom: 13px;
}
.right .live .content .swiper .swiper-item .item:not(:last-of-type)::after {
content: "";
position: absolute;
width: calc(100% - 50px);
height: 1px;
right: 0;
bottom: 0;
border-bottom: 1px dotted #ebebeb;
}
.right .live .content .swiper .swiper-item .item .icon-box {
padding-left: 9px;
padding-right: 13px;
}
.right .live .content .swiper .swiper-item .item .icon-box .icon {
width: 28px;
}
.right .live .content .swiper .swiper-item .item .text {
font-size: 14px;
color: #000000;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
padding-top: 8px;
padding-right: 8px;
}
.right .live .content .swiper .swiper-item .item .text .admissionState {
height: 20px;
background-color: #b30081;
border-radius: 115px;
color: #ffffff;
font-size: 13px;
padding: 0 6px;
display: inline-flex;
width: fit-content;
}
.right .live .content .swiper .swiper-item .item .text .admissionState.state2 {
background-color: #bec105;
}
.right .live .content .swiper .swiper-item .item .text .admissionState.state3 {
background-color: #04b0d5;
}
.right .live .word {
margin-bottom: 9px;
}
.right .live .word .item {
width: 34px;
height: 22px;
padding: 0 5px;
box-sizing: content-box;
}
.right .live .word .item:not(:last-of-type) {
border-right: 1px solid #aaaaaa;
}
.right .live .hint {
font-size: 13px;
color: #333333;
line-height: 26px;
text-align: center;
margin-bottom: 13px;
}
.right .live .QR-code {
width: 120px;
height: 120px;
background-color: #ffffff;
border-radius: 8px;
margin: 0 auto;
}
.right .live .QR-code .icon {
width: 103px;
height: 103px;
}
.right .else {
width: 100%;
background: -webkit-linear-gradient(270.00883066deg, #f7fbf7 0%, #eaf6ea 100%);
background: -moz-linear-gradient(179.99116934deg, #f7fbf7 0%, #eaf6ea 100%);
background: linear-gradient(179.99116934deg, #f7fbf7 0%, #eaf6ea 100%);
border: none;
border-radius: 12px;
padding: 20px 10px 0;
margin-left: 10px;
}
.else .school {
.right .else .school {
margin-bottom: 20px;
}
.else .school .logo {
.right .else .school .logo {
width: 50px;
height: 50px;
background-color: #ffffff;
@ -981,10 +1142,10 @@
border-radius: 8px;
margin-right: 10px;
}
.else .school .logo .img {
.right .else .school .logo .img {
height: 30px;
}
.else .school .info .name {
.right .else .school .info .name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
@ -992,17 +1153,17 @@
color: #000000;
margin-bottom: 5px;
}
.else .school .info .name-en {
.right .else .school .info .name-en {
font-size: 13px;
color: #555555;
}
.else .case {
.right .else .case {
width: 270px;
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 20px;
}
.else .case .head {
.right .else .case .head {
width: 270px;
height: 45px;
border-bottom: 1px dotted #ebebeb;
@ -1011,7 +1172,7 @@
border-radius: 8px 8px 0 0;
overflow: hidden;
}
.else .case .head .dot {
.right .else .case .head .dot {
width: 14px;
height: 14px;
background-color: #e7f7ee;
@ -1020,7 +1181,7 @@
position: relative;
margin-right: 10px;
}
.else .case .head .dot::after {
.right .else .case .head .dot::after {
content: "";
width: 6px;
height: 6px;
@ -1034,59 +1195,59 @@
left: 50%;
transform: translate(-50%, -50%);
}
.else .case .head .text {
.right .else .case .head .text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
}
.else .case .head .img {
.right .else .case .head .img {
width: 14px;
height: 14px;
transform: rotate(270deg);
}
.else .case .list .item {
.right .else .case .list .item {
padding: 20px 10px;
display: block;
}
.else .case .list .item:not(:last-of-type) {
.right .else .case .list .item:not(:last-of-type) {
border-bottom: 1px solid #f6f6f6;
}
.else .case .list .item .name {
.right .else .case .list .item .name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-size: 15px;
color: #000000;
margin-bottom: 8px;
}
.else .case .list .item .brief {
.right .else .case .list .item .brief {
font-size: 14px;
color: #7f7f7f;
}
.else .case .list .item .brief span {
.right .else .case .list .item .brief span {
color: #d7d7d7;
margin: 0 8px;
}
.else .case.mj .list .item {
.right .else .case.mj .list .item {
padding-top: 15px;
}
.else .case.mj .list .item:not(:last-of-type) {
.right .else .case.mj .list .item:not(:last-of-type) {
border-bottom: 1px dotted #ebebeb;
}
.else .case.mj .list .name {
.right .else .case.mj .list .name {
font-weight: 650;
font-style: normal;
font-size: 15px;
color: #000000;
}
.else .case.mj .list .brief-box {
.right .else .case.mj .list .brief-box {
padding: 10px 15px 10px 10px;
width: 251px;
border-radius: 6px;
background-color: #f7f7f7;
}
.else .case.mj .list .brief {
.right .else .case.mj .list .brief {
display: inline-block;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
@ -1100,7 +1261,7 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.else .case.mj .list .brief .avatar {
.right .else .case.mj .list .brief .avatar {
width: 20px;
height: 20px;
margin-right: 5px;

429
css/details.less
View File

@ -1104,166 +1104,345 @@
}
}
.else {
.right {
width: 290px;
background: -webkit-linear-gradient(270.008830663227deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: -moz-linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
border: none;
border-radius: 12px;
padding: 20px 10px 0;
margin-left: 10px;
.school {
.live {
width: 100%;
margin-bottom: 20px;
background: linear-gradient(-24.2425408707597deg, rgba(214, 220, 240, 1) 0%, rgba(218, 230, 242, 1) 19%, rgba(239, 242, 204, 1) 62%, rgba(239, 249, 241, 1) 100%);
border-radius: 11px;
padding-top: 20px;
.logo {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(246, 246, 246, 1);
border-radius: 8px;
margin-right: 10px;
.img {
height: 30px;
padding-bottom: 30px;
.head {
margin-bottom: 17px;
.icon {
width: 89px;
height: 28px;
margin-right: 8px;
}
.text {
width: 104px;
height: 24px;
background-color: rgba(2, 98, 119, 1);
border-radius: 4px;
color: #ffffff;
font-size: 13px;
position: relative;
.triangle {
position: absolute;
top: 50%;
left: -3px;
transform: translateY(-50%);
width: 6px;
height: 11px;
}
}
}
.info {
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 18px;
color: #000000;
margin-bottom: 5px;
.content-box {
position: relative;
.triangle {
width: 14px;
height: 5px;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%) rotate(180deg);
}
.name-en {
font-size: 13px;
color: #555555;
.point {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 28px;
.item {
&:not(:last-of-type) {
margin-right: 4px;
}
width: 10px;
height: 4px;
background-color: rgba(215, 215, 215, 1);
border-radius: 20px;
cursor: pointer;
&.pitch {
background-color: rgba(250, 107, 17, 1);
}
}
}
}
.content {
// width: 268px;
height: 340px;
background-color: rgba(255, 255, 255, 0.803921568627451);
border-radius: 8px;
margin: 0 11px 27px;
display: flex;
overflow: hidden;
position: relative;
.swiper {
margin-bottom: 5px;
display: flex;
.swiper-item {
width: 268px;
padding-top: 8px;
.item {
position: relative;
padding-bottom: 13px;
&:not(:last-of-type)::after {
content: "";
position: absolute;
width: calc(100% - 50px);
height: 1px;
right: 0;
bottom: 0;
border-bottom: 1px dotted rgb(235, 235, 235);
}
.icon-box {
padding-left: 9px;
padding-right: 13px;
.icon {
width: 28px;
}
}
.text {
.admissionState {
height: 20px;
background-color: rgba(179, 0, 129, 1);
border-radius: 115px;
color: #ffffff;
font-size: 13px;
padding: 0 6px;
display: inline-flex;
width: fit-content;
&.state2 {
background-color: #bec105;
}
&.state3 {
background-color: rgba(4, 176, 213, 1);
}
}
font-size: 14px;
color: #000000;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
padding-top: 8px;
padding-right: 8px;
}
}
}
}
}
.word {
.item {
width: 34px;
height: 22px;
padding: 0 5px;
box-sizing: content-box;
&:not(:last-of-type) {
border-right: 1px solid #aaaaaa;
}
}
margin-bottom: 9px;
}
.hint {
font-size: 13px;
color: #333333;
line-height: 26px;
text-align: center;
margin-bottom: 13px;
}
.QR-code {
width: 120px;
height: 120px;
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
margin: 0 auto;
.icon {
width: 103px;
height: 103px;
}
}
}
.case {
width: 270px;
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 20px;
.head {
width: 270px;
height: 45px;
border-bottom: 1px dotted rgb(235, 235, 235);
padding: 0 10px;
background: linear-gradient(to right, #d8f1d8, rgba(255, 255, 255, 0.501961));
border-radius: 8px 8px 0 0;
overflow: hidden;
.dot {
width: 14px;
height: 14px;
background-color: rgba(231, 247, 238, 1);
border: 1px solid rgba(183, 196, 189, 1);
border-radius: 39px;
position: relative;
.else {
width: 100%;
background: -webkit-linear-gradient(270.008830663227deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: -moz-linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
background: linear-gradient(179.991169336773deg, rgba(247, 251, 247, 1) 0%, rgba(234, 246, 234, 1) 100%);
border: none;
border-radius: 12px;
padding: 20px 10px 0;
.school {
margin-bottom: 20px;
.logo {
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 1);
border: 1px solid rgba(246, 246, 246, 1);
border-radius: 8px;
margin-right: 10px;
&::after {
content: "";
width: 6px;
height: 6px;
display: block;
background-color: rgba(114, 219, 134, 1);
border: 1px solid rgba(87, 168, 105, 1);
border-radius: 39px;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
.img {
height: 30px;
}
}
.text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 16px;
color: #000000;
}
.img {
width: 14px;
height: 14px;
transform: rotate(270deg);
}
}
.list {
.item {
&:not(:last-of-type) {
border-bottom: 1px solid rgb(246, 246, 246);
}
padding: 20px 10px;
display: block;
.info {
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-size: 15px;
font-style: normal;
font-size: 18px;
color: #000000;
margin-bottom: 8px;
margin-bottom: 5px;
}
.brief {
font-size: 14px;
color: #7f7f7f;
span {
color: #d7d7d7;
margin: 0 8px;
}
.name-en {
font-size: 13px;
color: #555555;
}
}
}
&.mj {
.list {
.item {
padding-top: 15px;
&:not(:last-of-type) {
border-bottom: 1px dotted rgb(235, 235, 235);
.case {
width: 270px;
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 20px;
.head {
width: 270px;
height: 45px;
border-bottom: 1px dotted rgb(235, 235, 235);
padding: 0 10px;
background: linear-gradient(to right, #d8f1d8, rgba(255, 255, 255, 0.501961));
border-radius: 8px 8px 0 0;
overflow: hidden;
.dot {
width: 14px;
height: 14px;
background-color: rgba(231, 247, 238, 1);
border: 1px solid rgba(183, 196, 189, 1);
border-radius: 39px;
position: relative;
margin-right: 10px;
&::after {
content: "";
width: 6px;
height: 6px;
display: block;
background-color: rgba(114, 219, 134, 1);
border: 1px solid rgba(87, 168, 105, 1);
border-radius: 39px;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.name {
.text {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-style: normal;
font-size: 15px;
font-size: 16px;
color: #000000;
}
.brief-box {
padding: 10px 15px 10px 10px;
width: 251px;
border-radius: 6px;
background-color: rgba(247, 247, 247, 1);
.img {
width: 14px;
height: 14px;
transform: rotate(270deg);
}
.brief {
display: inline-block;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
color: #555555;
line-height: 20px;
font-size: 13px;
}
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
.list {
.item {
&:not(:last-of-type) {
border-bottom: 1px solid rgb(246, 246, 246);
}
padding: 20px 10px;
display: block;
.name {
font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
font-weight: 650;
font-size: 15px;
color: #000000;
margin-bottom: 8px;
}
.brief {
font-size: 14px;
color: #7f7f7f;
.avatar {
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: bottom;
border-radius: 50%;
span {
color: #d7d7d7;
margin: 0 8px;
}
}
}
}
&.mj {
.list {
.item {
padding-top: 15px;
&:not(:last-of-type) {
border-bottom: 1px dotted rgb(235, 235, 235);
}
}
.name {
font-weight: 650;
font-style: normal;
font-size: 15px;
color: #000000;
}
.brief-box {
padding: 10px 15px 10px 10px;
width: 251px;
border-radius: 6px;
background-color: rgba(247, 247, 247, 1);
}
.brief {
display: inline-block;
font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
font-weight: 400;
font-style: normal;
color: #555555;
line-height: 20px;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
.avatar {
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: bottom;
border-radius: 50%;
}
}
}
}

181
html/details.html
View File

@ -483,57 +483,112 @@
</div>
</div>
<div class="else">
<div class="school flexacenter">
<div class="logo flexcenter">
<img class="img" src="http://127.0.0.1:5500/images/%E9%A6%96%E9%A1%B5/u74.png" />
<div class="right">
<div class="live">
<div class="head flexcenter">
<img class="icon" src="/img/talk-live-icon.png" />
<div class="text flexcenter">
<img class="triangle" src="/img/triangle-dark-cyan.svg" />
招生官为你答疑
</div>
</div>
<div class="info">
<div class="name">香港大学</div>
<div class="name-en">The University of Hong Kong</div>
<div class="content-box">
<div ref="swiperRef" class="content">
<div class="swiper" bindchange="admissionChange">
<div class="swiper-item" :class="'swiper-item' + index" v-for="(item,index) in urls" :key="index">
<div class="item flexacenter" v-for="(item,index) in item" :key="index">
<div class="flexcenter icon-box">
<img class="icon" :src="item.logo" />
</div>
<div class="text flex1">
<div class="admissionState flexcenter" :class="'state' + item.mold">{{ moldObj[item.mold] }}</div>
{{ item.title }}
</div>
</div>
</div>
</div>
</div>
<div class="point flexcenter">
<div class="item " :class="{'pitch': admissionCurrent == index}" v-for="(item,index) in urls" :key="index" @click="cutSwiper(index)">
</div>
</div>
<img class="triangle" src="/img/triangle-white-lucency.svg">
</div>
<div class="word flexcenter">
<img class="item" src="/img/word-live.png">
<img class="item" src="/img/word-playback.png">
<img class="item" src="/img/word-answer.png">
</div>
<div class="hint">请添加申请小助手</div>
<div class="QR-code flexcenter">
<img class="icon" src="https://u.gter.net/assistantwxqrcode.png">
</div>
</div>
<div class="case">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">Offer</div>
<img class="img" src="/img/arrows-icon.png" />
</div>
<div class="list offer">
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
<div class="else">
<div class=""></div>
<div class="school flexacenter">
<div class="logo flexcenter">
<img class="img" src="http://127.0.0.1:5500/images/%E9%A6%96%E9%A1%B5/u74.png" />
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
<div class="info">
<div class="name">香港大学</div>
<div class="name-en">The University of Hong Kong</div>
</div>
</div>
</div>
<div class="case mj">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">面经</div>
<img class="img" src="/img/arrows-icon.png" />
<div class="case">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">Offer</div>
<img class="img" src="/img/arrows-icon.png" />
</div>
<div class="list offer">
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
</div>
</div>
<div class="list offer">
<div class="item">
<div class="name">environmental science</div>
<div class="brief-box">
<div class="brief flexacenter">
<img class="avatar" src="http://127.0.0.1:5500/images/%E9%A1%B9%E7%9B%AE%E8%AF%A6%E6%83%85/u1144.svg" />
第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，因为第一轮的时候我还没注意到这个项目，错过了DDL...
<div class="case mj">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">面经</div>
<img class="img" src="/img/arrows-icon.png" />
</div>
<div class="list offer">
<div class="item">
<div class="name">environmental science</div>
<div class="brief-box">
<div class="brief flexacenter">
<img class="avatar" src="http://127.0.0.1:5500/images/%E9%A1%B9%E7%9B%AE%E8%AF%A6%E6%83%85/u1144.svg" />
第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，第二轮申请的，因为第一轮的时候我还没注意到这个项目，错过了DDL...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
@ -878,7 +933,57 @@
view: 242,
}])
return {offerList, side, sideKey, info, disciplineObj, rankingsObj, cutStudyMode, studyMode, course, contras, copy, download, stateObj, bindblur, remark, addComparison, cutSide, detailsRef, stateState, cutState, changeType, deletee}
const urls = ref([[{
logo: "https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2",
mold: 2,
title: "11.27 19:00 | 高达90%就业率！工科生不能错过的香港城大工学院线上宣讲会快来了解！",
url: "https://bbs.gter.net/thread-2619710-1-1.html",
}, {
logo: "https://oss.x-php.com/school/J6BSwE-VfCFkCLVSBaR7ec6NYmTA5sRfNP5NHJQuwf83NTE2",
mold: 1,
title: "香港大学 香港大学社会科学硕士（社会数据分析）线上公开课暨宣讲会",
url: "https://bbs.gter.net/thread-2619923-1-1.html"
}, {
logo: "https://oss.x-php.com/school/J6BSwE6VfCFmDrknc6IXB9eUbGqEscEIOawLEogy25QhNzUxNg~~",
mold: 2,
title: "11.28 19:30 | 毕业起薪高 工作一年学费回本？昆杜研究生项目优点真的太太太太多了！ ",
url: "https://bbs.gter.net/thread-2620009-1-1.html",
}, {
logo: "https://oss.x-php.com/school/J6BSwE-VfCFkCLRSBaR7ec6NYmTHuZYPMKxNHJQuwf83NTE2",
mold: 3,
title: "招生资讯 | 香港中文大学 政务与政策科学学院授课式硕士课程",
url: "https://bbs.gter.net/thread-2616456-1-1.html",
}], [{
logo: "https://oss.x-php.com/school/J6BSwE-VfCFkCLRSBaR7ec6NYmTHuZYPMKxNHJQuwf83NTE2",
mold: 3,
title: "长期答疑 | 香港中文大学 经济学理学硕士课程-2025入学现正招生",
url: "https://bbs.gter.net/thread-2617401-1-1.html",
}]])
const moldObj = ref({
1: "直播",
2: "回放",
3: "答疑"
})
let admissionCurrent = ref(0)
const swiperRef = ref(null)
// 写一个 点击切换轮播图
const cutSwiper = index => {
admissionCurrent.value = index
const dom = document.querySelector(".swiper-item" + index)
const left = dom.offsetLeft
swiperRef.value.scrollTo({
left,
behavior: "smooth",
})
}
return {swiperRef, cutSwiper, admissionCurrent, moldObj, urls, offerList, side, sideKey, info, disciplineObj, rankingsObj, cutStudyMode, studyMode, course, contras, copy, download, stateObj, bindblur, remark, addComparison, cutSide, detailsRef, stateState, cutState, changeType, deletee}
},
})
subject.component("text-module", textModule)

BIN
img/talk-live-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

6
img/triangle-dark-cyan.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6px" height="11px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -6180 -544 )">
<path d="M 5.80208333333333 0.2041015625 C 5.93402777777778 0.340169270833332 6 0.501302083333332 6 0.6875 L 6 10.3125 C 6 10.4986979166667 5.93402777777778 10.6598307291667 5.80208333333333 10.7958984375 C 5.67013888888889 10.9319661458333 5.51388888888889 11 5.33333333333333 11 C 5.15277777777778 11 4.99652777777778 10.9319661458333 4.86458333333333 10.7958984375 L 0.197916666666667 5.9833984375 C 0.0659722222222223 5.84733072916667 0 5.68619791666667 0 5.5 C 0 5.31380208333333 0.0659722222222223 5.15266927083333 0.197916666666667 5.0166015625 L 4.86458333333333 0.2041015625 C 4.99652777777778 0.0680338541666659 5.15277777777778 0 5.33333333333333 0 C 5.51388888888889 0 5.67013888888889 0.0680338541666659 5.80208333333333 0.2041015625 Z " fill-rule="nonzero" fill="#026277" stroke="none" transform="matrix(1 0 0 1 6180 544 )" />
</g>
</svg>

6
img/triangle-white-lucency.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="8px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -7022 -940 )">
<path d="M 7022 948 L 7030 940 L 7038 948 L 7022 948 Z " fill-rule="nonzero" fill="#ffffff" stroke="none" fill-opacity="0.698039215686274" />
</g>
</svg>

BIN
img/word-answer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
img/word-live.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
img/word-playback.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB