反馈修改完成

master
Lee 2022-11-11 16:45:44 +08:00
parent ca8a99fd35
commit 67d7b12db6
26 changed files with 142 additions and 41 deletions

View File

@ -120,7 +120,7 @@
</div>--> </div>-->
</li> </li>
<li> <li>
<a class="f-bold" href="/goods/consulting">All Courses</a> <a class="f-bold" href="/brand">All Courses</a>
<a class="f-bold" href="/activity">Partner with Us</a> <a class="f-bold" href="/activity">Partner with Us</a>
<a class="f-bold" href="/contact">Contact Us</a> <a class="f-bold" href="/contact">Contact Us</a>
<a class="f-bold" href="/Article?ac_id=8">Blog</a> <a class="f-bold" href="/Article?ac_id=8">Blog</a>

View File

@ -146,7 +146,7 @@
</li> </li>
{/foreach} {/foreach}
<div class="more-btn"> <div class="more-btn">
<a href="/goods/consulting" class="more">View All Disciplines</a> <a href="/brand" class="more">View All Disciplines</a>
</div> </div>
</ul> </ul>
<ul class="program-ul"> <ul class="program-ul">

View File

@ -91,15 +91,6 @@
</div> </div>
</section> </section>
</main> </main>
<div class="md-us container-mask">
<div class="md-us-content">
<div class="md-m-content ">
<div class="iconf close-iconf btnclose"></div>
<div class="me-text">Contact Us<span>partnerships@lightglobal.org</span></div>
<div class="me-btn btnCopy">Copy</div>
</div>
</div>
</div>
<main class="course0"> <main class="course0">
<section class="main-QA"> <section class="main-QA">
<div class="main-center container"> <div class="main-center container">
@ -179,17 +170,27 @@
</div> </div>
</div> </div>
</section> </section>
<section class="container-mask form-wrap8">
<!-- show -->
<div class="container form-mask" style="width:25rem;">
<div action="" onsubmit="return false" class="wrap7p">
<!--<h2 class="c1">Apply for a course syllabus</h2>-->
<div class="iconf close-iconf"></div>
<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
</p>
<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div>
</div>
</div>
</section>
</main> </main>
{/block} {/block}
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}
<script> <script>
//联系我们 //联系我们
$('.contact-btn').click(function(){ $(".contact-btn").click(function() {
$(".md-us").addClass("show"); $(".form-wrap8").addClass('show');
})
$(".btnclose").click(function() {
$(".md-us").removeClass("show");
}) })
$(".btnCopy").click(function () { $(".btnCopy").click(function () {
@ -200,6 +201,7 @@
//复制成功后提示文字 //复制成功后提示文字
layer.msg("Copy Succeeded"); layer.msg("Copy Succeeded");
}); });
function copyText(text) { function copyText(text) {
var oInput = document.createElement('input'); var oInput = document.createElement('input');
oInput.value = text; oInput.value = text;

View File

@ -60,7 +60,7 @@
</span> </span>
</div> </div>
<div class="item"> <div class="item">
<h4>Asynchronous<br/>/Recorded</h4> <h4>Asynchronous/Recorded</h4>
<span> <span>
Professors pre-record lectures, and students watch the recordings before specific deadlines. record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later. Professors pre-record lectures, and students watch the recordings before specific deadlines. record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later.
</span> </span>
@ -118,7 +118,13 @@
<div class="student-programs-swiper"> <div class="student-programs-swiper">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-01.jpg" alt="Credit-bearing study abroad programs"></div> <div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-01.jpg" alt="beijing"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-02.jpg" alt="shanghai"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-03.jpg" alt="florence"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-04.jpg" alt="san francisco"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-05.jpg" alt="london"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-06.jpg" alt="tokyo"></div>
<div class="swiper-slide"><img src="{$Think.HOME_SITE_ROOT}/new/images/study-programs-07.jpg" alt="seoul"></div>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>

View File

@ -431,7 +431,7 @@
</div> </div>
</div> </div>
<div class="add-f-btn-con"> <div class="add-f-btn-con">
<a href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" target="_blank">Can't find your course? Contact us !</a> <a href="javascript:void(0)" class="f-bold">Can't find your course? Contact us !</a>
</div> </div>
</div> </div>
</div> </div>
@ -510,8 +510,7 @@
</div> </div>
<div class="program-txt-04"> <div class="program-txt-04">
<p>Application Instructions:</p> <p>Application Instructions:</p>
<a class="applynow" href="https://chatting.page/4enwdahqiuzzigop29taomatroakg3va" <a class="applynow" href="javascript:void(0)">Apply now</a>
target="_blank">Apply now</a>
</div> </div>
</div> </div>
</div> </div>
@ -526,7 +525,7 @@
</div> </div>
<div class="col-12"> <div class="col-12">
<p>E-mail</p> <p>E-mail</p>
<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a></p> <p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-medium">复制</em></p>
</div> </div>
<div class="col-12"> <div class="col-12">
<p>Tel</p> <p>Tel</p>
@ -542,6 +541,21 @@
</div> </div>
</div> </div>
</section> </section>
<!-- 弹窗 -->
<section class="container-mask form-wrap8">
<!-- show -->
<div class="container form-mask" style="width:25rem;">
<div action="" onsubmit="return false" class="wrap7p">
<!--<h2 class="c1">Apply for a course syllabus</h2>-->
<div class="iconf close-iconf"></div>
<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
</p>
<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div>
</div>
</div>
</section>
</main> </main>
{/block} {/block}
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}
@ -595,6 +609,26 @@
$('.vclists').show(); $('.vclists').show();
$(this).hide() $(this).hide()
}) })
$(".add-f-btn-con,.applynow").click(function() {
$(".form-wrap8").addClass('show');
})
$(".program-details .copy-btn").click(function () {
var copy_text = 'pengl@scu.edu.cn'; //需要复制的内容
var y = $(this).offset().top - 32,
x = $(this).offset().left + 45;
copyText(copy_text);
//复制成功后提示文字
layer.msg("Copy Succeeded");
});
function copyText(text) {
var oInput = document.createElement('input');
oInput.value = text;
document.body.appendChild(oInput);
oInput.select();
document.execCommand("Copy");
oInput.className = 'oInput';
oInput.style.display = 'none';
}
</script> </script>
<script> <script>
$(function(){ $(function(){

View File

@ -101,20 +101,26 @@
<div class="text" num="1"> <div class="text" num="1">
<h3>{$goods.goods_name}</h3> <h3>{$goods.goods_name}</h3>
<div class="par-con"> <div class="par-con">
<div class="par w100 f-regular"> <div class="par w100">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xianshangliuliang"></use> <use xlink:href="#icon-xianshangliuliang"></use>
</svg>Institution: &nbsp;<span class="f-regular">{$goods.ke_simple_college}</span> </svg>
<em class="f-medium">Institution:</em>
<span class="f-medium">{$goods.ke_simple_college}</span>
</div> </div>
<div class="par w100 f-regular"> <div class="par w100">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shijian"></use> <use xlink:href="#icon-shijian"></use>
</svg>Credit(s): &nbsp;<span class="f-regular">{$goods.ke_credit}</span> </svg>
<em class="f-medium">Credit(s):</em>
<span class="f-medium">{$goods.ke_credit}</span>
</div> </div>
<div class="par w100 f-regular"> <div class="par w100">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rili"></use> <use xlink:href="#icon-rili"></use>
</svg>Start Date: &nbsp;<span class="f-regular">{$goods.ke_start_time}</span> </svg>
<em class="f-medium">Start Date:</em>
<span class="f-medium">{$goods.ke_start_time}</span>
</div> </div>
</div> </div>
</div> </div>

View File

@ -251,11 +251,23 @@
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<div class="swiper-slide"> <div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper.jpg" alt=""> <img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-01.jpg" alt="">
<div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s"> <!-- <div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
<img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt=""> <img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt="">
<span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span> <span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span>
</div> </div> -->
</div>
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-02.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-03.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-04.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-05.jpg" alt="">
</div> </div>
</div> </div>
</div> </div>

View File

@ -283,7 +283,7 @@
} }
.about-swiper .swiper-slide>img{ .about-swiper .swiper-slide>img{
width: 100%; width: 100%;
min-height: 45.5rem; min-height: 35rem;
} }
.about-swiper-txt{ .about-swiper-txt{
display: flex; display: flex;

View File

@ -1736,6 +1736,17 @@ p {
right: -0.3rem; right: -0.3rem;
color: #00db0d; color: #00db0d;
} }
.oks {
display: flex;
justify-content: center;
align-items: center;
width: 10.3rem;
height: 1.5rem;
border-radius: 0.35rem;
background-color: #18d777;
font-size: 1rem;
color: #ffffff;
}
.main-QA .content .accordion li { .main-QA .content .accordion li {
cursor: pointer; cursor: pointer;

View File

@ -188,11 +188,9 @@
} }
.contact-container .container .item .left span:hover{ .contact-container .container .item .left span:hover{
background-color: #2fe78b; background-color: #2fe78b;
color: rgba(255,255,255,.8);
} }
.contact-container section:nth-of-type(even) .container .item .left span:hover{ .contact-container section:nth-of-type(even) .container .item .left span:hover{
background-color: #f8f84f; background-color: #f8f84f;
color: rgba(51,51,51,.8);
} }
.contact-container .container .item .left p{ .contact-container .container .item .left p{
font-size: 1.25rem; font-size: 1.25rem;

View File

@ -1457,7 +1457,7 @@ h4 {
margin-left: 0.75rem; margin-left: 0.75rem;
} }
.program-details .main-2 .content1.apply-content .txt p{ .program-details .main-2 .content1.apply-content .txt p{
font-family: "HarmonyOS_Sans_Regular" !important; font-family: "HarmonyOS_Sans_Medium" !important;
font-size: 0.85rem; font-size: 0.85rem;
color: #8b8b8b; color: #8b8b8b;
margin-bottom: 0 !important; margin-bottom: 0 !important;
@ -1489,9 +1489,14 @@ h4 {
text-indent: 1.9rem; text-indent: 1.9rem;
} }
.program-details .program-txt-04 a{ .program-details .program-txt-04 a{
font-family: "HarmonyOS_Sans_Regular" !important; font-family: "HarmonyOS_Sans_Medium" !important;
text-indent: 1.25rem; text-indent: 1.25rem;
height: auto; height: auto;
transition: all 0.6s;
}
.program-details .program-txt-04 .applynow:hover{
color: #00db6d;
} }
.program-details .main-2 .content1:nth-of-type(2) .txt>div{ .program-details .main-2 .content1:nth-of-type(2) .txt>div{
@ -1500,9 +1505,27 @@ h4 {
.program-details .main-2 .content1:nth-of-type(2) .txt>div p, .program-details .main-2 .content1:nth-of-type(2) .txt>div p,
.program-details .main-2 .content1:nth-of-type(2) .txt>div a{ .program-details .main-2 .content1:nth-of-type(2) .txt>div a{
font-family: "HarmonyOS_Sans_Regular" !important; font-family: "HarmonyOS_Sans_Medium" !important;
color: #505050; color: #505050;
} }
.program-details .copy-btn{
display: inline-block;
line-height: 1.2rem;
padding: 0 1rem;
border-radius: 0.75rem;
background-color: #838383;
color: #ffffff;
font-size: 0.7rem;
margin-left: 1rem;
cursor: pointer;
transition: all .6s;
}
.program-details .copy-btn:hover{
background-color: #00db6d;
}
.program-details .main-2 .content1:nth-of-type(2) .txt>div p:nth-of-type(1){ .program-details .main-2 .content1:nth-of-type(2) .txt>div p:nth-of-type(1){
font-family: "HarmonyOS_Sans_Black" !important; font-family: "HarmonyOS_Sans_Black" !important;
} }

View File

@ -269,11 +269,11 @@
} }
.credit .shadow .more-btn>a:hover{ .credit .shadow .more-btn>a:hover{
background: none; background: none;
color: #ffff1b !important; color: #00db6d !important;
} }
.credit .shadow .more-btn>a:hover em{ .credit .shadow .more-btn>a:hover em{
right: -0.3rem; right: -0.3rem;
color: #ffff1b; color: #00db6d;
} }

View File

@ -748,6 +748,11 @@ main .main-1 .container .item .text .par.w100>span{
height: 0.8rem; height: 0.8rem;
line-height: 0.8rem; line-height: 0.8rem;
} }
main .main-1 .container .item .text .par.w100 em{
display: inline-block;
width: 3.55rem;
font-size: 0.5rem;
}
main .main-1 .more-btn1{ main .main-1 .more-btn1{
display: none; display: none;
} }

View File

@ -226,7 +226,7 @@
.see-container .main-1-1 .item{ .see-container .main-1-1 .item{
width: calc(33.33% - 0.5rem); width: calc(33.33% - 0.5rem);
background-color: #dedede; background-color: #dedede;
padding: 1.5rem 2rem 2rem 2.6rem; padding: 1.5rem 2rem 2rem 2rem;
} }
.see-container .main-1-1 .item h4{ .see-container .main-1-1 .item h4{
font-family: "HarmonyOS_Sans_Black" !important; font-family: "HarmonyOS_Sans_Black" !important;
@ -302,6 +302,10 @@
.student-programs-swiper .swiper-slide img{ .student-programs-swiper .swiper-slide img{
width: 100%; width: 100%;
min-height: 30rem; min-height: 30rem;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
} }
.student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ .student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 1.25rem !important; bottom: 1.25rem !important;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 821 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 927 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 958 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 656 KiB

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 700 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB