소스 검색

考试平台banner

tanxue 5 년 전
부모
커밋
fdf40f4f77

+ 20 - 11
src/assets/css/cus-client/cus-client-page.scss

@@ -6,7 +6,7 @@
   .client-index-page{
      width: 100%;
     /* 网站banner */
-    .client-banner{
+    .client-index-banner{
       width: 100%;
       height: 480px;
       margin-top: 80px;
@@ -367,6 +367,25 @@
     }
   }
 
+  /********  describe: 考试平台 author: TX  date:2020-08-12  ********/
+  .client-exam-page{
+    /* 网站banner */
+    .client-exam-banner{
+      width: 100%;
+      height: 400px;
+      background-image: url("~@/assets/images/client/exam/" + "exam-banner-background.png");
+      background-position-x: center;
+      // banner文字区域
+      .exam-banner-container{
+        width:500px;
+        display: inline-block;
+        h1{@include setFontStyle(40);color: #FFF;letter-spacing: 0;padding-top: 110px;}
+        p{@include setFontStyle(0);color: #FFF;margin: 16px 0;}
+        em{width:1px;height:16px;display:inline-block;margin: 0 24px;background: #DFE6FE;vertical-align: middle;}
+        a{width: 132px;height: 32px;line-height: 32px;display: block;@include setFontStyle(-4);color: #2B5CFD;background: #FFFFFF;text-align:center;border-radius: 4px;}
+      }
+    }
+  }
 
   /********  describe: 关于我们 author: TX  date:2020-08-07  ********/
   .client-aboutUs-page{
@@ -470,16 +489,6 @@
     // banner
     .newsInfor-banner{width: 100%;height: 400px;background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-banner.png");background-position-x: center;}
 
-    // tab页
-    /*.newsInfor-tab-box{
-
-      .el-tabs__item{}
-      .el-tabs__item
-      .el-tabs__item.is-active{color: #2B5CFD;background-image: linear-gradient(270deg, #FFFFFF 0%, #F4F6FF 100%);}
-      .el-tabs__item.is-active:before{background-image: url("~@/assets/images/client/newsInfor/" + "newsInfor-tab-select.svg");}
-      // element 默认右侧竖线
-      .el-tabs__active-bar,.el-tabs__nav-wrap.is-left::after{display: none;}
-    }*/
     // 页面主要内容区域
     .newsInfor-content-box{
       min-height: 304px;

BIN
src/assets/images/client/exam/exam-banner-background.png


+ 1 - 1
src/views/client/Index.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="client-index-page">
         <!-- 首页banner栏 -->
-        <div class="client-banner">
+        <div class="client-index-banner">
             <div class="client-container">
                 <!--  banner左侧区域 -->
                 <div class="banner-left">

+ 12 - 2
src/views/client/examPlatform.vue

@@ -1,6 +1,16 @@
 <template>
-    <div>
-        无硅油无硅油无硅油个娃
+    <div class="client-exam-page">
+        <!-- 考试平台页 banner栏 -->
+        <div class="client-exam-banner">
+            <div class="client-container">
+                <!--  banner文字区域 -->
+                <div class="exam-banner-container">
+                    <h1>麦塔在线考试平台</h1>
+                    <p>简约而不简单<em></em>简约而不简单</p>
+                    <a>了解详情</a>
+                </div>
+            </div>
+        </div>
     </div>
 </template>