|
@@ -128,10 +128,14 @@
|
|
|
height: 500px;
|
|
|
padding: 12px;
|
|
|
margin-right: 5%;
|
|
|
+ margin-top: -20px;
|
|
|
}
|
|
|
.swiper-item-box {
|
|
|
+ // margin-top: -20px;
|
|
|
width: 100%;
|
|
|
min-height: 500px;
|
|
|
+ padding: 20px 40px;
|
|
|
+ background: rgba(28,34,50,0.5);
|
|
|
.title {
|
|
|
font-size: 40px;
|
|
|
color: #fff;
|
|
@@ -177,6 +181,8 @@
|
|
|
|
|
|
.link {
|
|
|
margin-top: 50px;
|
|
|
+ color: #57a3f3;
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
|
}
|
|
|
.logintype {
|
|
@@ -234,6 +240,9 @@
|
|
|
margin-bottom: 6px;
|
|
|
}
|
|
|
}
|
|
|
+.login-img-wrap .ivu-carousel-arrow .ivu-icon{
|
|
|
+ line-height: 36px;
|
|
|
+}
|
|
|
</style>
|
|
|
|
|
|
<template>
|
|
@@ -241,7 +250,7 @@
|
|
|
<div class="login-img-wrap">
|
|
|
<!-- <img src="@/assets/login/1-3.png" class="login-main-img"> -->
|
|
|
<!-- 轮播区域 -->
|
|
|
- <Carousel v-model="curPage" loop dots="outside" arrow="never">
|
|
|
+ <Carousel v-model="curPage" radius-dot loop dots="inside" arrow="hover">
|
|
|
<CarouselItem>
|
|
|
<div class="swiper-item-box">
|
|
|
<div class="title">
|
|
@@ -284,13 +293,12 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="link">
|
|
|
- <a target="_block" href="https://www.habook.com/zh-tw/news.php?act=view&id=408">
|
|
|
+ <a style="color:#57a3f3" target="_block" href="https://www.habook.com">
|
|
|
{{$t('login.toOfficial')}}
|
|
|
<i class="ivu-icon ivu-icon-ios-arrow-forward" style="font-size: 19px;"></i>
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</CarouselItem>
|
|
|
</Carousel>
|
|
|
</div>
|