反馈修改-1110

master
Lee 2022-11-10 16:05:10 +08:00
parent 3775f33c3a
commit 7dc36c3339
17 changed files with 78 additions and 46 deletions

View File

@ -177,6 +177,7 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{foreach name="class" item="value" key="index"} {foreach name="class" item="value" key="index"}
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank" class="swiper-slide"> <a href="/Goods/program?gc_id={$value.gc_id}" target="_blank" class="swiper-slide">
<ins></ins>
<em class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0">{if $index>=9}{$index + 1}{else}0{$index + 1}{/if}</em> <em class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0">{if $index>=9}{$index + 1}{else}0{$index + 1}{/if}</em>
<img src="/uploads/home/common/{$value.gc_image}" alt=""> <img src="/uploads/home/common/{$value.gc_image}" alt="">
<div class="program-txt"> <div class="program-txt">

View File

@ -217,7 +217,10 @@
<div class="main-center main-title"> <div class="main-center main-title">
<h2>Partner Universities</h2> <h2>Partner Universities</h2>
</div> </div>
<div class="main-center container"> <div class="main-center container universities-swiper">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-01.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-01.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-02.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-02.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-03.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-03.png" alt=""></div>
@ -228,22 +231,20 @@
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-08.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-08.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-09.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-09.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-10.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-10.png" alt=""></div>
</div>
<!-- <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/01-RIT.png" alt=""></div> <div class="swiper-slide">
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/15-Ryerson.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-11.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/02-NAU.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-12.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/03-ASU.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-13.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/04-UCB.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-14.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/05-SFSU.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-15.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/06-Manitoba.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-16.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/07-UWGB.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-17.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/08-WSU.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-18.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/09-FMCC.png" alt=""></div> <div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/universities-19.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/10-UNB.png" alt=""></div> </div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/11-Trine.png" alt=""></div> </div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/12-Olympic.png" alt=""></div> </div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/13-Central SU.png" alt=""></div>
<div class="img item"><img src="{$Think.HOME_SITE_ROOT}/new/images/14-SDSU.png" alt=""></div> -->
</div> </div>
</section> </section>
<section class="about-swiper"> <section class="about-swiper">
@ -343,6 +344,14 @@
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}
<script> <script>
$(function(){ $(function(){
var universitiesSwiper = new Swiper('.universities-swiper .swiper-container',{
loop:true,//开启循环播放
autoplay: true, //自动播放
effect : 'fade',//轮播的动效 默认为"slide"(普通位移切换),还可设置为"fade"(淡入)、"cube"(方块)、"coverflow"3d流、"flip"3d翻转、"cards"(卡片式)、"creative"(创意性)。
fadeEffect: {
crossFade: true,
},
});
var programSwiper = new Swiper('.about-swiper .swiper-container',{ var programSwiper = new Swiper('.about-swiper .swiper-container',{
loop:true,//开启循环播放 loop:true,//开启循环播放
autoplay: true, //自动播放 autoplay: true, //自动播放

View File

@ -332,9 +332,10 @@
.about .main-7 .main-title h2{ .about .main-7 .main-title h2{
text-align: center !important; text-align: center !important;
} }
.about .main-7 .container { .about .main-7 .container .swiper-slide{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center;
} }
.about .main-7 .container .item { .about .main-7 .container .item {
width: calc((100% - (5 - 1) * 1.3rem) / 5); width: calc((100% - (5 - 1) * 1.3rem) / 5);

View File

@ -1072,7 +1072,7 @@ p {
} }
.i-start span { .i-start span {
font-size: 1.1rem; font-size: 0.85rem;
margin-left: 0.7rem; margin-left: 0.7rem;
} }

View File

@ -341,7 +341,7 @@ h4 {
} }
.course-details .main-1 .container>.left p { .course-details .main-1 .container>.left p {
font-size: 1.1rem; font-size: 0.85rem;
line-height: 1.5; line-height: 1.5;
position: relative; position: relative;
margin-bottom: 0 !important; margin-bottom: 0 !important;
@ -363,7 +363,7 @@ h4 {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.course-details .main-1 .container>.left>div.content1 .des{ .course-details .main-1 .container>.left>div.content1 .des{
font-size: 1.1rem; font-size: 0.85rem;
line-height: 1.35; line-height: 1.35;
max-width: 80%; max-width: 80%;
} }
@ -379,7 +379,8 @@ h4 {
} }
.course-details .main-1 .container>.left h1, .course-details .main-1 .container>.left h1,
.course-details .main-1 .container>.left h2, .course-details .main-1 .container>.left h2,
.course-details .main-1 .container>.left h3{ .course-details .main-1 .container>.left h3,
.course-details .main-1 .container>.left h4{
font-size: 1.25rem; font-size: 1.25rem;
} }
.course-details .main-1 .container>.left>div.content1 .more-btn1 a{ .course-details .main-1 .container>.left>div.content1 .more-btn1 a{

View File

@ -139,9 +139,9 @@
align-items: center; align-items: center;
height: 2.6rem; height: 2.6rem;
padding: 0 0.9rem; padding: 0 0.9rem;
background-color: #dedede;
font-size: 0.9rem; font-size: 0.9rem;
border-radius: 0.5rem; border-radius: 0.5rem;
background-color: #ffffff;
position: absolute; position: absolute;
right: 3.4rem; right: 3.4rem;
margin-top: 3.5rem; margin-top: 3.5rem;
@ -149,8 +149,10 @@
transition: all .6s; transition: all .6s;
} }
.index-banner-btn span{ .index-banner-btn span{
display: block;
padding-right: 1rem; padding-right: 1rem;
position: relative; position: relative;
transition: all .6s;
} }
.index-banner-btn em{ .index-banner-btn em{
@ -165,8 +167,12 @@
.index-banner-btn:hover{ .index-banner-btn:hover{
background-color: #00db6d; background-color: #00db6d;
} }
.index-banner-btn:hover span{
color: #ffffff;
}
.index-banner-btn:hover em{ .index-banner-btn:hover em{
right: -0.3rem; right: -0.3rem;
color: #ffffff;
} }
.index-banner-float{ .index-banner-float{

View File

@ -118,7 +118,7 @@
.program-top{ .program-top{
width: 100%; width: 100%;
height: 49.15rem; height: 37.5rem;
background-color: #284dfd; background-color: #284dfd;
position: relative; position: relative;
color: #ffffff; color: #ffffff;
@ -132,13 +132,13 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 51.35rem; width: 50rem;
z-index: 9; z-index: 9;
} }
.program-top h2{ .program-top h2{
font-size: 2.25rem; font-size: 2.25rem;
padding-top: 6rem; padding-top: 3.5rem;
} }
.program-top span{ .program-top span{
@ -151,7 +151,7 @@
.program-top .program-btn{ .program-top .program-btn{
display: inline-block; display: inline-block;
margin-top: 8rem; margin-top: 2.3rem;
border-top: 0.1rem solid #fff; border-top: 0.1rem solid #fff;
transition: all .6s; transition: all .6s;
} }
@ -184,33 +184,45 @@
max-width: 89.9%; max-width: 89.9%;
} }
.program{ .program{
margin-top: -19.2rem; margin-top: -14rem;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
.program>img{ .program>img{
position: absolute; position: absolute;
bottom: 7rem; bottom: 4rem;
right: 0; right: 0;
width: 19.15rem; width: 18rem;
z-index: 9; z-index: 9;
} }
.program .swiper-container{ .program .swiper-container{
height: 36.4rem; height: 30rem;
} }
.program .swiper-slide{ .program .swiper-slide{
width: 100%; width: 100%;
height: 36.4rem; height: 30rem;
position: relative; position: relative;
} }
.program .swiper-slide img{ .program .swiper-slide img{
width: 100%; width: 100%;
min-width: 36.4rem; min-height: 100%;
transition: all .4s; transition: all .6s;
} }
.program .swiper-slide:hover img{ .program .swiper-slide ins{
filter: grayscale(60%); display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
position: absolute;
left: 0;
top: 0;
z-index: 1;
transition: all .6s;
}
.program .swiper-slide:hover ins{
background-color: rgba(0,0,0,.6);
} }
.program .swiper-slide>em{ .program .swiper-slide>em{
@ -220,6 +232,7 @@
right: 2.1rem; right: 2.1rem;
font-size: 3.5rem; font-size: 3.5rem;
color: #ffffff; color: #ffffff;
z-index: 2;
} }
.program .program-txt{ .program .program-txt{
@ -227,6 +240,7 @@
left: 4.5rem; left: 4.5rem;
bottom: 4rem; bottom: 4rem;
max-width: 26.5rem; max-width: 26.5rem;
z-index: 2;
} }
.program .program-txt>span{ .program .program-txt>span{
display: block; display: block;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.7 KiB