模态框

frontend/views/common/index.php

@@ -108,22 +108,37 @@
 
      <div class="jump unchoose">跳过</div>
      <div class="model-bg unchoose">
-        <div class="content">权限管理，系统管理功能，用户设置，权限管理，权限分配，部门管理</div>
+        <div class="content">
+            <div>系统管理功能</div>用户设置，权限管理，权限分配，部门管理。数据备份，还原，压缩。<br/>客户字段自定义<br/>菜单字段自定义</div>
         <div class="Previous">上一步</div>
         <div class="nextPage">下一步</div>
      </div>
      <div class="model-bg unchoose">
-         <div class="content">数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
-                                                   (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
+         <div class="content">
+            <div>数据库管理</div>总库分配到小组或个人，<br/>数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为<br/>意向客户，成单客户，无效客户
+                                                   <br/>(数据库列表名称可根据自己的偏好进行编辑),<br/>车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
          <div class="Previous">上一步</div>
          <div class="nextPage">下一步</div>
      </div>
      <div class="model-bg unchoose">
-         <div class="content">销售管理，可以看到从数据库分配到业务里面的数据，显示业务所有通话数据和已提交订单，退单，预约信息等等，电销下单，电销系统全程通话录音，
+         <div class="content">
+            <div>销售管理</div>可以看到从数据库分配到业务里面的数据，显示业务所有通话数据和已提交订单，退单，预约信息等等，电销下单，电销系统全程通话录音，
                                                     详细的通话记录。共查询分析，录音可保存为MP3格式，支持导入导出功能</div>
          <div class="Previous">上一步</div>
          <div class="nextPage perfection">完成</div>
      </div>
+     <div class="model-bg unchoose">
+         <div class="content">数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
+                                                        (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
+          <div class="Previous">上一步</div>
+          <div class="nextPage">下一步</div>
+     </div>
+     <div class="model-bg unchoose">
+          <div class="content">数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
+                                                        (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
+           <div class="Previous">上一步</div>
+           <div class="nextPage">下一步</div>
+     </div>
 </div>
 <!-- 全局js -->
 <script src="/assets/js/jquery.min.js?v=2.1.4"></script>

frontend/web/assets/css/popUps.css

@@ -14,7 +14,7 @@
 .model-bg{
     width: 560px;
     position: absolute;
-    top: calc(65% - 322px);
+    top: 65%;
     left: 71%;
     color:#fff;
     margin-left: -600px;
@@ -39,7 +39,7 @@
 .Previous{
     width:100px;
     text-align: center;
-    background-color: #4fbd51;
+    background-color: #1ecd97;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
@@ -48,12 +48,14 @@
 }
 .nextPage{
     width: 100px;
-    background-color: #4fbd51;
+    background-color: #1ecd97;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
-    border-radius: 6px;
+    border-radius: 40px;
     text-align: center;
     margin-top:-42px;
     margin-left:130px;
+    border: 2px solid #1ecd97;
+    transition: background-color .3s
 }