网站通用弹窗-进入考试

assets/scss/cus-client/cus-client-common.scss

@@ -487,17 +487,20 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
   .el-carousel__indicators{display: none}
 }*/
 
-/* 网站通用弹窗-申请方案 */
+/* 网站通用弹窗-进入考试 */
 .application-scheme-dialog{
   .el-dialog{width: 610px;border-radius: 8px;}
   .el-dialog__body{
-    padding: 30px 120px 60px;
-    >i{width:213px;height:92px;display: block;background-image: url("~static/images/client/course/course-dialog-img.png");margin: 0 auto;}
-    p{@include setFontStyle(-2);color: rgba(0,0,0,0.85);text-align: center;margin:24px 0 36px;}
-    span{@include setFontStyle(-6);color: rgba(0,0,0,0.65);}
-    a{@include setFontStyle(-6);color: #2B5CFD;float: right;}
+    padding: 30px 50px 60px;
+    >i{width:240px;height:52px;display: block;background-image: url("~static/images/client/component/nav-logo.png");margin: 0 auto 24px;background-size: cover;}
+    h4{font-weight: 700;font-size: 24px;color: rgb(16, 16, 16);text-align: center;}
+    p{
+      font-weight: 400;font-size: 20px;color: rgb(0, 0, 0);text-align: center;margin:24px 0 36px;
+      span{font-weight: 400;font-size: 20px;color: rgb(255, 0, 0);}
+    }
+    .el-form{margin: 0 60px;}
     // 申请注册按钮
-    .application-scheme-btn{height: 40px;line-height: 40px;@include setFontStyle(-4);background: #1890FF;border-radius: 4px;color: #FFFFFF;text-align: center;margin-bottom: 16px;}
+    .application-scheme-btn{height: 40px;line-height: 40px;font-size: 16px;font-weight:bold;background: rgb(0, 174, 186);border-radius: 4px;color: #FFFFFF;text-align: center;margin: 0 60px 16px;}
   }
   // 输入框上下间距
   .el-form-item{margin-bottom: 24px}
@@ -512,14 +515,14 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
   // 输入框-验证码
   .dialog-input-code{width: calc(100% - 132px);}
-  .dialog-code-btn.el-button{width:120px;box-sizing:border-box;padding: 12px 15px;margin-left: 8px;}
+  .jcrk-primary-btn{width:120px;box-sizing:border-box;padding: 12px 15px;margin-left: 8px;}
 
   // 滑块px
   .nc-container{
     .nc_wrapper{width:100%!important;margin-bottom: 24px;border-radius: 4px;overflow: hidden;}
     .nc_scale{
       .btn_slide{color: #fff;}
-      span{width:50px;background: #3893FE;border-radius: 0 4px 4px 0;border: 1px solid transparent;}
+      span{width:50px;background: rgb(0, 174, 186);border-radius: 0 4px 4px 0;border: 1px solid transparent;}
     }
   }
 }
@@ -730,6 +733,14 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
 }
 
+/* 久创锐康科技primary按钮 */
+.jcrk-primary-btn.el-button--primary {
+  color: #FFF;
+  background-color: #00aeba;
+  border-color: #00aeba;
+}
+.jcrk-primary-btn.el-button--primary.is-disabled{background-color: #00aeba8f;border-color: #00aeba8f;}
+
 /********************************* 麦塔栅格**********************************/
 /*
 栅格说明：

pages/index.vue

@@ -189,7 +189,8 @@
       class="application-scheme-dialog"
       center>
       <i></i>
-      <p>免费获得课程开发解决方案</p>
+      <h4>为帮助您更好的使用产品，请先验证手机信息</h4>
+      <p>今日已有<span>34789</span>人  体验了考试系统</p>
       <el-form :model="telChangeDate" status-icon :rules="telRules" ref="ruleTelForm" class="application-scheme-form">
         <el-form-item  prop="tel">
           <el-input v-model="telChangeDate.tel" placeholder="请输入手机号" class="dialog-input-tel"></el-input>
@@ -198,12 +199,14 @@
         <el-form-item prop="verification">
           <div class="verification">
             <el-input v-model="telChangeDate.verification" placeholder="请输入验证码" class="dialog-input-code"></el-input>
-            <el-button  @click="checkVerification" :disabled="btnTextDisabled" class="dialog-code-btn">{{btnText}}</el-button>
+            <el-button  @click="checkVerification" :disabled="btnTextDisabled" type="primary" class="jcrk-primary-btn">{{btnText}}</el-button>
           </div>
         </el-form-item>
+        <el-form-item  prop="company">
+          <el-input v-model="telChangeDate.company" placeholder="请输入公司名称" class="dialog-input-tel"></el-input>
+        </el-form-item>
       </el-form>
-      <div class="application-scheme-btn" @click="dialogSave">申请方案</div>
-      <span>免费热线：400-052-2130</span><a href="http://p.qiao.baidu.com/cps/chat?siteId=11735491&amp;userId=10530011" target="_blank">在线客服</a>
+      <div class="application-scheme-btn" @click="dialogSave">进入使用</div>
     </el-dialog>
 
   </div>