Lee
/
www.lightcourse.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

反馈交互效果修改

master
Lee 2022-11-09 18:20:25 +08:00
parent 0ee79c2d3b
commit 5e38485946
12 changed files with 82 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/home/view/default/base/mall_footer.html
View File

@ -99,7 +99,7 @@
<div class="main-center">
<div class="left">
<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education o</div>
<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-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">
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-02.png">

2
app/home/view/default/mall/brand/index.html
View File

@ -330,7 +330,7 @@
<span>{$value.ke_period} weeks</span>
{/if}
<span class="b c">Course details</span>
<span class="b c">Course details<em>></em></span>
</div>
</a>
{/foreach}

3
app/home/view/default/mall/showpintuan/index.html
View File

@ -125,6 +125,7 @@
<p class="tips-credit"><span class="c1">Key assessment criteria for evaluating whether credit will be transferred include:</span></p>
<div class="item-list1">
<div class="item" num="01">
<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-01.jpg">
<h6>Student<br />information</h6>
<p class="f-regular">
The home institution will determine if the student is eligible for credit transfer. Information
@ -133,6 +134,7 @@
</p>
</div>
<div class="item" num="02">
<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-02.jpg">
<h6>Accreditation<br />of the program<br />/provider</h6>
<p class="f-regular">
<br />
@ -142,6 +144,7 @@
</p>
</div>
<div class="item" num="03">
<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-03.jpg">
<h6>Course<br />content</h6>
<p class="f-regular">
It is important to make sure that the course is equivalent to a class at the student's home

12
public/static/home/new/css/common.css
View File

@ -1730,10 +1730,11 @@ p {
.main-QA .t .more-btn>a:hover{
background: none;
opacity: .65;
color: #00db0d;
}
.main-QA .t .more-btn>a:hover em{
right: -0.3rem;
color: #00db0d;
}
.main-QA .content .accordion li {
@ -1867,6 +1868,7 @@ p {
.main-other-qa .container h6 {
font-size: 1rem;
color: #00db6d;
}
.main-other-qa .container .left>p {
@ -3095,7 +3097,7 @@ footer .foot .container .copyright p * {
footer .footer {
background-color: #ebebeb;
padding: 1.6rem 0 0.65rem;
padding: 2.8rem 0 0.65rem;
}
footer .footer>div {
@ -3147,10 +3149,6 @@ footer .footer .left .icon img:first-child {
margin-left: 0;
}
footer .footer .right {
margin-right: 3.5rem;
}
footer .footer .right ul {
display: flex;
}
@ -3188,7 +3186,7 @@ footer .footer .copyright {
max-width: calc(100% - 3.6rem);
display: flex;
justify-content: flex-end;
margin: 3rem auto 0;
margin: 1.9rem auto 0;
}
footer .footer .copyright * {

34
public/static/home/new/css/course.css
View File

@ -202,13 +202,31 @@
}
.course .main-1 .container .link .label span.c {
background-color: #00db6d;
background-color: #838383;
border: 1px solid #838383;
padding-right: 1rem;
font-size: 0.8rem;
color: #fff !important;
transition: all .6s;
position: relative;
}
.course .main-1 .container .link:hover .label span.c{
background-color: #2fe78b;
border: 1px solid #838383;
}
.course .main-1 .container .link .label span.c>em{
font-family: "HarmonyOS_Sans_Regular" !important;
position: absolute;
top: 50%;
right: 0.5rem;
transform: scaleY(1.8) translateY(-26%);
transition: all .6s;
}
.course .main-1 .container .link .label span.c:hover{
background-color: #00db6d;
border: 1px solid #00db6d;
}
.course .main-1 .container .link .label span.c:hover>em{
right: 0.2rem;
}
.fb {
@ -373,6 +391,7 @@ h4 {
padding-right: 1rem;
font-size: 0.9rem;
position: relative;
transition: all .6s;
}
.course-details .main-1 .container>.left>div.content1 .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important;
@ -385,10 +404,14 @@ h4 {
transform: scaleY(1.8) translateY(-32.5%);
}
.course-details .main-1 .container>.left>div.content1 .more-btn1:hover{
opacity: .6;
border: 0.15rem solid #00db6d;
}
.course-details .main-1 .container>.left>div.content1 .more-btn1:hover a{
color: #00db6d;
}
.course-details .main-1 .container>.left>div.content1 .more-btn1:hover em{
right: -0.3rem;
color: #00db6d;
}
.course-details .main-1 .container>.right {
@ -1063,10 +1086,11 @@ h4 {
transition: all .6s;
}
.course-details .main-2 .con1 .shadow .more-btn-k:hover a{
opacity: 0.65;
color: #ffff1b;
}
.course-details .main-2 .con1 .shadow .more-btn-k:hover a>em{
right: -0.3rem;
color: #ffff1b;
}
@ -1298,7 +1322,7 @@ h4 {
}
.program-info .container p{
max-width: 19rem;
max-width: 21.2rem;
margin: 0 auto !important;
line-height: 1.76;
}

30
public/static/home/new/css/credit.css
View File

@ -160,7 +160,16 @@
padding: 3.5rem 2rem;
background-size: 100%;
}
.credit .container .item-list1 .item:nth-of-type(1){
.credit .container .item-list1 .item>img{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
/* .credit .container .item-list1 .item:nth-of-type(1){
background-image: url(../images/credit-item-01.jpg);
}
.credit .container .item-list1 .item:nth-of-type(2){
@ -168,7 +177,7 @@
}
.credit .container .item-list1 .item:nth-of-type(3){
background-image: url(../images/credit-item-03.jpg);
}
} */
.credit .container .item-list1 h6 {
display: flex;
@ -179,6 +188,8 @@
min-height: 5rem;
margin-bottom: 1.5rem;
color: #ffff1b;
position: relative;
z-index: 1;
}
.credit .container .item-list1 p{
@ -186,12 +197,14 @@
line-height: 1.42;
text-align: center;
color: #fff;
position: relative;
z-index: 1;
}
.credit .container .item-list1 .item::after {
content: "";
display: block;
width: 1.5rem;
width: 0.8rem;
height: 1.5rem;
background-image: url(../images/icon-more-2.png);
background-repeat: no-repeat;
@ -201,6 +214,14 @@
right: 1rem;
font-size: 1.6rem;
color: #ffff1b;
transition: all .6s;
}
.credit .container .item-list1 .item:hover{
filter: grayscale(10%);
}
.credit .container .item-list1 .item:hover::after{
right: 0.7rem;
}
.credit .shadow{
@ -248,10 +269,11 @@
}
.credit .shadow .more-btn>a:hover{
background: none;
opacity: .65;
color: #00db6d;
}
.credit .shadow .more-btn>a:hover em{
right: -0.3rem;
color: #00db6d;
}

18
public/static/home/new/css/index.css
View File

@ -139,8 +139,7 @@
align-items: center;
height: 2.6rem;
padding: 0 0.9rem;
background-color: #00db6d;
color: #ffffff;
background-color: #dedede;
font-size: 0.9rem;
border-radius: 0.5rem;
position: absolute;
@ -164,7 +163,7 @@
transition: all .6s;
}
.index-banner-btn:hover{
opacity: 0.65 !important;
background-color: #00db6d;
}
.index-banner-btn:hover em{
right: -0.3rem;
@ -196,7 +195,7 @@
}
.index-banner-info .left span{
display: block;
font-size: 0.75rem;
font-size: 0.85rem;
color: #ffff1b;
margin-top: .4rem;
font-family: "HarmonyOS_Sans_Bold" !important;
@ -837,10 +836,14 @@ main .main-2 .container .more-btn1 em{
transform: scaleY(1.8) translateY(-32.5%);
}
main .main-2 .container .more-btn1:hover{
opacity: .6;
border: 0.15rem solid #ffffff;
}
main .main-2 .container .more-btn1:hover a{
color: #ffffff;
}
main .main-2 .container .more-btn1:hover em{
right: -0.3rem;
color: #ffffff;
}
main .main-2 .container .item .text {
@ -1044,14 +1047,15 @@ main .main-4 .more-btn>a em{
top: 50%;
right: 0;
transform: scaleY(1.8) translateY(-32.5%);
transition: all .6s;
transition: all .3s;
}
main .main-4 .more-btn>a:hover{
background: none;
opacity: .65;
color: #00db6d;
}
main .main-4 .more-btn>a:hover em{
right: -0.3rem;
color: #00db6d;
}

2
public/static/home/new/css/process.css
View File

@ -203,7 +203,7 @@
.main-1 .wrap p{
font-family: "HarmonyOS_Sans_Bold" !important;
font-size: 0.85rem;
line-height: 1.8;
line-height: 1.42;
margin-top: 1rem;
margin-bottom: 0 !important;
text-align: center;

5
public/static/home/new/css/program.css
View File

@ -206,6 +206,11 @@
.program .swiper-slide img{
width: 100%;
min-width: 36.4rem;
transition: all .4s;
}
.program .swiper-slide:hover img{
filter: grayscale(60%);
}
.program .swiper-slide>em{

BIN
public/static/home/new/images/footer-logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
public/static/home/new/images/icon-more-2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/static/home/new/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 25 KiB