Explorar el Código

调整登录页

liqk hace 4 años
padre
commit
ec6f5dfe6a
Se han modificado 1 ficheros con 11 adiciones y 3 borrados
  1. 11 3
      TEAMModelOS/ClientApp/src/view/login/test.vue

+ 11 - 3
TEAMModelOS/ClientApp/src/view/login/test.vue

@@ -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&amp;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>