反馈修改完成-1122

master
Lee 2022-11-22 17:52:46 +08:00
parent 568a47dcb4
commit 85124fa60b
8 changed files with 100 additions and 263 deletions

View File

@ -61,15 +61,19 @@
</style> </style>
<section class="container-mask form-wrap9"> <section class="container-mask form-wrap9">
<!-- show --> <!-- show -->
<div class="container form-mask" style="width:500px;"> <div class="container form-mask" style="width:25rem;">
<div action="" onsubmit="return false" class="wrap7p"> <div action="" onsubmit="return false" class="wrap7p">
<!--<h2 class="c1">Apply for a course syllabus</h2>--> <!--<h2 class="c1">Apply for a course syllabus</h2>-->
<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please scan <div class="iconf close-iconf"></div>
the WeChat QR Code to add our academic advisor.</p> <img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
<img style="width:200px; display:block; margin: 0 auto" 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> to<br />add our academic advisor<br />and receive additional details.
</p>
<div class="oks oks-wrap9" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div> </div>
</div> </div>
</section> </section>
<section class="main-other-qa"> <section class="main-other-qa">
<div class="main-center container"> <div class="main-center container">
<div class="content"> <div class="content">
@ -98,7 +102,7 @@
<div class="footer"> <div class="footer">
<div class="main-center"> <div class="main-center">
<div class="left"> <div class="left">
<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education o</div> <div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education opportunity provider</div>
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="Light Course"></div> <div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="Light Course"></div>
<div class="icon"> <div class="icon">
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png"> <img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
@ -237,6 +241,11 @@
$($("#pc-header .content aside .item")[i]).addClass('active') $($("#pc-header .content aside .item")[i]).addClass('active')
$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active") $("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
}) })
$(".oks-wrap9").click(function() {
setTimeout(function() {
$(".form-wrap9").removeClass('show');
}, 100);
})
</script> </script>
<script> <script>
$("#login_normal_form .sub").click(function(){ $("#login_normal_form .sub").click(function(){

View File

@ -20,7 +20,7 @@
<div class="blog-txt"> <div class="blog-txt">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2> <h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
This article provides<br />an overview of<br />online education flexibi This article provides<br />an overview of<br />online education flexibility
</span> </span>
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="/article/show?article_id=69">Click To Enter<em>></em></a> <a href="/article/show?article_id=69">Click To Enter<em>></em></a>

View File

@ -119,6 +119,10 @@
float: left; float: left;
width: 120px; width: 120px;
} }
.input-abcd::placeholder{
font-family: 'HarmonyOS_Sans_Medium' !important;
}
.mian-left>div { .mian-left>div {
height: 60px; height: 60px;
@ -271,7 +275,8 @@
.m-item h5 { .m-item h5 {
text-align: left; text-align: left;
font-size: 22px !important; font-size: 1.1rem !important;
margin-bottom: 0.5rem;
} }
@ -342,7 +347,6 @@
<div class="container"> <div class="container">
<div class="left"> <div class="left">
<div> <div>
<!-- {$goods.goods_id}-->
<h1>{$goods.goods_name}</h1> <h1>{$goods.goods_name}</h1>
<h4 class="f-medium">{$goods.ke_college}</h4> <h4 class="f-medium">{$goods.ke_college}</h4>
<div class="i-start"> <div class="i-start">
@ -372,7 +376,6 @@
<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p> <p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p> <p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p>
<p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p> <p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p>
<!-- <p><em>Prerequisite(s) </em><span>empty</span></p>-->
</div> </div>
<div class="content1"> <div class="content1">
<h2>Course Description</h2> <h2>Course Description</h2>
@ -396,7 +399,6 @@
<strong>{$goods.ke_credit}<span> credits</span></strong> <strong>{$goods.ke_credit}<span> credits</span></strong>
</div> </div>
<!--<div class="item clk">-->
<div class="item itemnum pricebox" style="cursor:pointer;"> <div class="item itemnum pricebox" style="cursor:pointer;">
<p>Estimated Price</p> <p>Estimated Price</p>
<strong>Price Calculator<span></span></strong> <strong>Price Calculator<span></span></strong>
@ -442,7 +444,6 @@
<i class="dropdown icon"></i> <i class="dropdown icon"></i>
<div class="default text"><!-- Select Date --></div> <div class="default text"><!-- Select Date --></div>
<div class="menu"> <div class="menu">
<!--<div class="item" data-value="1">{$goods.ke_start_time}-{$goods.ke_end_time}</div>-->
<div class="item" data-value="1">{$goods.ke_start_time} <div class="item" data-value="1">{$goods.ke_start_time}
{if $goods.ke_end_time != 'Self-paced'} {if $goods.ke_end_time != 'Self-paced'}
- {$goods.ke_end_time} - {$goods.ke_end_time}
@ -494,9 +495,6 @@
Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to<br /> Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to<br />
guide them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible. guide them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible.
</p> </p>
<!-- <div class="more-btn">
<a href="javascript:;" class="form-clk2">Find an equivalent course</a>
</div> -->
</div> </div>
</div> </div>
</section> </section>
@ -510,7 +508,7 @@
such as a link to the official website, course syllabus, class hours, location, etc.<br /> such as a link to the official website, course syllabus, class hours, location, etc.<br />
The home institution will decide whether or not to accept transfer credits based on the information provided. The home institution will decide whether or not to accept transfer credits based on the information provided.
</p> </p>
<span class="c2 f-medium">Key assessment criteria for evaluating whether credit will be transferred <span class="c2 f-bold">Key assessment criteria for evaluating whether credit will be transferred
include:</span> include:</span>
<div class="item-list1"> <div class="item-list1">
<div class="item" num="01"> <div class="item" num="01">
@ -583,102 +581,6 @@
</div> </div>
</div> </div>
</section> </section>
<!--<section class="main-QA">-->
<!-- <div class="main-center container">-->
<!-- <div class="t">-->
<!-- <h2>Enrollment Process</h2>-->
<!-- </div>-->
<!-- <div class="content">-->
<!-- <ul id="accordion1" class="accordion">-->
<!-- <li class="open">-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step1</strong> Fill out the pre-registration information</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <h6>01. Scan the WeChat QR code to enter the mini-program</h6>-->
<!-- <p>Through the WeChat mini-program, you can easily obtain program information, course selection,-->
<!-- payment, course registration, transcript delivery information, and other inquiries</p>-->
<!-- <h6>02. Click on the upper right corner of the website to register</h6>-->
<!-- <p>Fill in your personal cell phone number and email address to register, and start the follow-up course-->
<!-- selection process after registration</p>-->
<!-- <h6>03. Add the consultant's WeChat</h6>-->
<!-- <p>Who will help and guide you one-on-one throughout the registration and learning process</p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 2</strong> With the help of our expert academic advisors </span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p>Choose a program/course and obtain your school's course equivalence form</p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 3</strong> Receive course syllabus and complete course approval from your school under-->
<!-- our advisor's guidance to enroll in the course</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 4</strong> Registration: success/failure </span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 5</strong> Send the transcript after passing the course</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li>-->
<!-- <div class="link">-->
<!-- <h5><span><strong>Step 6</strong> Follow-up services after credit transfer</span> <i></i></h5>-->
<!-- </div>-->
<!-- <div class="submenu">-->
<!-- <p></p>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!--</section>-->
<!--<section class="main-4">
<div class="main-center container">
<div class="main-title">Enrollment Process</div>
<div class="main-content">
<div class="mian-left">
<div>Step1</div>
<div>Step2</div>
<div>Step3</div>
<div>Step4</div>
<div>Step5</div>
<div>Step6</div>
</div>
<div class="main-right">
<div>Fill out the pre-registration information</div>
<div>With the help of our expert academic advisors</div>
<div>Receive course syllabus and complete course approval from your school under our advisor's guidance to enroll in the course</div>
<div>Registration: success/failure</div>
<div>Send the transcript after passing the course</div>
<div class="boder-none">Follow-up services after credit transfer</div>
</div>
</div>
</div>
</section>-->
<section class="rec-course" style="display: none;"> <section class="rec-course" style="display: none;">
<div class="main-title main-center"> <div class="main-title main-center">
<h2>Recommended Course</h2> <h2>Recommended Course</h2>
@ -704,119 +606,11 @@
<use xlink:href="#icon-xianshangliuliang"></use> <use xlink:href="#icon-xianshangliuliang"></use>
</svg>Start Date<span>{$goods.ke_start_time}</span> </svg>Start Date<span>{$goods.ke_start_time}</span>
</div> </div>
<!-- <div class="par">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xueke"></use>
</svg><strong>Category</strong><span>{$goods.gc_name}</span>
</div>
<div class="par">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg><strong>Credit</strong><span>{$goods.ke_credit}</span>
</div>-->
</div> </div>
<!-- <div class="i-start">
<p style="margin-right: 1rem;">Recommend Star</p>
<div class="i">
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
</div>
</div>-->
</div> </div>
</a> </a>
</div> </div>
</section> </section>
<!-- <section class="main-3 comment-container">
<div class="main-center">
<div class="comment">
<div class="comment-list">
<h5>List (2)</h5>
<div class="content">
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
<div class="item">
<div>
<h6>The Wig Experts</h6>
<div class="des">
We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
</div>
<div class="time">
<span>
<i class="iconfont icon-shijian"></i>
2021-12-15 15:17:51
</span>
<span>
<i class="iconfont icon-eye"></i>
Reply
</span>
</div>
</div>
</div>
</div>
</div>
<div class="comment-right">
<h6>Leave a comment</h6>
<form action="javascript:return false" class="form">
<div>
<label for="">Name</label>
<input type="text" placeholder="Please enter name">
</div>
<div>
<label for="">Email</label>
<input type="text" placeholder="Please enter email">
</div>
<div>
<label for="">Message</label>
<textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
</div>
<div class="code-img">
<!-- <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
<div class="img">
<img title="点击刷新" class="codeimg" src="" />
</div>-->
<!-- </div>
<div class="submit-btn">
<input type="submit" value="SUBMIT">
</div>
</form>
</div>
</div>
</div>
</section> -->
<section class="container-mask price-mask"> <section class="container-mask price-mask">
<div class="container price-container ui form"> <div class="container price-container ui form">
<div class="iconf close-iconf"></div> <div class="iconf close-iconf"></div>
@ -868,8 +662,6 @@
<section class="container-mask no hint-mask"> <section class="container-mask no hint-mask">
<div class="container hint"> <div class="container hint">
<div class="iconf close-iconf"></div> <div class="iconf close-iconf"></div>
<a href="" class="item"> <a href="" class="item">
<div class="i"><svg class="iconf" aria-hidden="true"> <div class="i"><svg class="iconf" aria-hidden="true">
<use xlink:href="#icon-xinxi"></use> <use xlink:href="#icon-xinxi"></use>
@ -1016,42 +808,45 @@
</div> </div>
</section> </section>
<section class="container-mask form-wrap3"> <section class="container-mask form-wrap3">
<div class="container form-mask" style="max-width:44rem"> <div class="container form-mask" style="max-width:44rem;padding: 1rem 2rem;">
<div class="iconf close-iconf"></div> <div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui "> <div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align:center">Apply for a course syllabus</h2> <h2 class="c1" style="font-size: 1.6rem;margin-bottom: 2rem;">Apply for a course syllabus</h2>
<div class="m-box" style="display: flex"> <div class="m-box" style="display: flex; justify-content: space-between;">
<div class="m-item"> <div class="m-item" style="width: 22rem; margin-right: 3rem;">
<h5>Option 1</h5> <h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 1</h5>
<p style="line-height: 1.5; font-size: 1rem;">Please scan the WeChat QR Code to add our academic advisor and receive additional details. <div class="left-txt" style="display: flex;">
</p> <p class="f-medium" style="line-height: 1.24; font-size: 0.95rem;">Please scan the<br/>WeChat QR Code to<br/>add academic advisor<br/>and receive additional<br/>details.</p>
<img style="width:100px; display:block; margin: 0 auto" <img style="width:9rem; margin: -0.5rem 0 0 0.3rem;" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg"> </div>
</div> </div>
<div class="line"></div> <div class="m-item" style="width: 17.6rem;">
<div class="m-item"> <h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 2</h5>
<h5>Option 2</h5> <p class="f-medium" style="line-height: 1.2; font-size: 1rem;">You advisor will send the syllabus to<br/>you via email within 24 hours.</p>
<p style="line-height: 1.5; font-size: 1rem;">You advisor will send the syllabus to you via email within 24 hours.</p> <form action="" method="" style="margin-top: 0.8rem;">
<form action="" method=""> <div class="field" style="margin-bottom: 0.8rem !important;">
<div class="field"> <input class="f-medium input-abcd" style="width: 17.6rem; font-size: 0.85rem; color: #c2c2c2; border: 1px solid #333333; padding: 0.5rem; font-weight: normal;" type="text" name="fname" id="email" placeholder="What email address can we reach you at?">
<input type="text" name="fname" id="email"
placeholder="What email address can we reach you at?">
<input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}"> <input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}"> <input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}"> <input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}">
</div> </div>
<div class="sub"> <div class="sub" style="justify-content: flex-start;margin-top: 0.8rem;">
<button type="submit" class="ui primary button onsubmitfrom">Submit</button> <button style="display: block; width: 7.75rem; font-size: 1rem; height: 1.5rem; padding: 0;" type="submit" class="ui primary button onsubmitfrom onsubmitfrom-01">Submit</button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<style>
.container-mask .form-mask .onsubmitfrom-01{
transition: all .6s;
}
.container-mask .form-mask .onsubmitfrom-01:hover{
background-color: #2fe78b !important;
}
</style>
<section class="container-mask form-wrap4"> <section class="container-mask form-wrap4">
<div class="container form-mask"> <div class="container form-mask">
@ -1140,7 +935,7 @@
<div class="iconf close-iconf"></div> <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"> <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;"> <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. Please <span class="c1">scan the WeChat QR Code</span> to<br />add our academic advisor<br />and receive additional details.
</p> </p>
<div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div> <div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div> </div>

View File

@ -510,7 +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="javascript:void(0)">Apply now</a> <a class="applynow f-Bold" href="javascript:void(0)">Apply now</a>
</div> </div>
</div> </div>
</div> </div>
@ -525,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> <em class="copy-btn f-medium">复制</em></p> <p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-Bold">Copy</em></p>
</div> </div>
<div class="col-12"> <div class="col-12">
<p>Tel</p> <p>Tel</p>
@ -552,7 +552,7 @@
<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;"> <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. Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
</p> </p>
<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div> <div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
</div> </div>
</div> </div>
</section> </section>
@ -612,6 +612,12 @@
$(".add-f-btn-con,.applynow").click(function() { $(".add-f-btn-con,.applynow").click(function() {
$(".form-wrap8").addClass('show'); $(".form-wrap8").addClass('show');
}) })
$(".oks").click(function() {
setTimeout(function() {
$(".form-wrap7").removeClass('show');
$(".form-wrap8").removeClass('show');
}, 100);
})
$(".program-details .copy-btn").click(function () { $(".program-details .copy-btn").click(function () {
var copy_text = 'pengl@scu.edu.cn'; //需要复制的内容 var copy_text = 'pengl@scu.edu.cn'; //需要复制的内容
var y = $(this).offset().top - 32, var y = $(this).offset().top - 32,

View File

@ -252,10 +252,6 @@
<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-01.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">
<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>
</div> -->
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-02.jpg" alt=""> <img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-02.jpg" alt="">
@ -270,6 +266,7 @@
<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-05.jpg" alt=""> <img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-05.jpg" alt="">
</div> </div>
</div> </div>
<div class="swiper-pagination"></div>
</div> </div>
</section> </section>
<section class="main-QA"> <section class="main-QA">
@ -368,6 +365,10 @@
loop:true,//开启循环播放 loop:true,//开启循环播放
autoplay: true, //自动播放 autoplay: true, //自动播放
effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。 effect : 'slide',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。
pagination: {
el: '.about-swiper .swiper-pagination',
clickable :true,
},
on:{ on:{
init: function(){ init: function(){
swiperAnimateCache(this); // 隐藏动画元素 swiperAnimateCache(this); // 隐藏动画元素

View File

@ -175,7 +175,7 @@
.about .main-4 .item{ .about .main-4 .item{
width: calc(50% - 0.75rem); width: calc(50% - 0.75rem);
height: 33rem; min-height: 33rem;
background-color: #00db6d; background-color: #00db6d;
padding: 3rem 5.5rem; padding: 3rem 5.5rem;
color: #ffffff; color: #ffffff;
@ -310,6 +310,22 @@
color: #ffffff; color: #ffffff;
} }
.about-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 1rem !important;
}
.about-swiper .swiper-pagination .swiper-pagination-bullet{
width: 0.65rem;
height: 0.65rem;
border-radius: 0.325rem;
background-color: rgba(204, 202, 202, .3);
margin: 0 .45rem;
opacity: 1;
}
.about-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 3.75rem;
background-color: rgba(204, 202, 202, 1);
}
.about .main-3 { .about .main-3 {
background-color: #3b52f6; background-color: #3b52f6;

View File

@ -1488,17 +1488,26 @@ h4 {
.program-details .program-txt-03 p:nth-of-type(2){ .program-details .program-txt-03 p:nth-of-type(2){
text-indent: 1.9rem; text-indent: 1.9rem;
} }
.program-details .program-txt-04 a{ .program-details .program-txt-04 .applynow{
font-family: "HarmonyOS_Sans_Medium" !important; display: inline-block;
text-indent: 1.25rem; width: 6.2rem;
height: auto; height: 2rem;
transition: all 0.6s; line-height: 1.9rem !important;
border-radius: 0.3rem;
background-color: #838383;
color: #ffffff;
font-size: 0.9rem;
margin: 1rem 0 0 1.5rem;
cursor: pointer;
transition: all .6s;
text-align: center;
} }
.program-details .program-txt-04 .applynow:hover{ .program-details .program-txt-04 .applynow:hover{
color: #00db6d; background-color: #00db6d;
} }
.program-details .main-2 .content1:nth-of-type(2) .txt>div{ .program-details .main-2 .content1:nth-of-type(2) .txt>div{
margin-left: 0 !important; margin-left: 0 !important;
} }
@ -1511,12 +1520,13 @@ h4 {
.program-details .copy-btn{ .program-details .copy-btn{
display: inline-block; display: inline-block;
line-height: 1.2rem; height: 2rem;
line-height: 1.9rem;
padding: 0 1rem; padding: 0 1rem;
border-radius: 0.75rem; border-radius: 0.3rem;
background-color: #838383; background-color: #838383;
color: #ffffff; color: #ffffff;
font-size: 0.7rem; font-size: 0.9rem;
margin-left: 1rem; margin-left: 1rem;
cursor: pointer; cursor: pointer;
transition: all .6s; transition: all .6s;

View File

@ -993,7 +993,7 @@ main .main-4 .container .item .img img{
main .main-4 .container .item .pull-bg{ main .main-4 .container .item .pull-bg{
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, .4); background-color: rgba(22, 22, 22, .4);
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -1001,7 +1001,7 @@ main .main-4 .container .item .pull-bg{
transition: all .6s; transition: all .6s;
} }
main .main-4 .container .item:hover .pull-bg{ main .main-4 .container .item:hover .pull-bg{
background-color: rgba(0, 0, 0, .5); background-color: rgba(22, 22, 22, .65);
} }
main .main-4 .container .item h3{ main .main-4 .container .item h3{
font-family: "HarmonyOS_Sans_Bold" !important; font-family: "HarmonyOS_Sans_Bold" !important;