index

src/main/webapp/templates/1/default/_files/css/main.css

@@ -2318,6 +2318,8 @@ width:1400px;
               background: #1d78ff;
             }
           }
+
+
         }
       }
     }
@@ -2341,6 +2343,62 @@ max-width: 100%;
  font-size:14px;
 }
 
+.edu_container{
+ position: fixed;
+ width:100%;
+ height:100%;
+ z-index:999999;
+ background:rgba(0,0,0,0.5);
+ top:0;
+ left:0;
+ display:flex;
+ align-items:center;
+ justify-content:center;
+ .edu_mainer{
+ width:400px;
+ background:#ffffff;
+ border-radius:4px;
+ .top{
+ width:100%;
+ border-bottom:1px solid #e5e5e5;
+ padding:10px;
+ display:flex;
+ justify-content:space-between;
+ align-items:center;
+ }
+ .edu_main{
+ width:100%;
+ padding:20px;
+ text-align:center;
+ .tip{
+ width:100%;
+ background:#f9f7f1;
+ padding:5px 10px;
+ border-radius:4px;
+ border:1px solid #f3f0f0;
+ font-size:14px;
+ margin-bottom:10px;
+ }
+ .QRCode{
+  width:200px;
+  height:200px;
+  margin:0 auto;
+  background:#ffffff;
+  padding:4px;
+  box-shadow:0 0 10px 0 rgba(203,203,203,0.32);
+  img{
+    width:100%;
+    height:100%;
+  }
+ }
+ .text{
+  text-align:center;
+  font-size:14px;
+ }
+ }
+ }
+ }
+
 
 
 

src/main/webapp/templates/1/default/index.html

@@ -280,7 +280,7 @@
 <!--      <p>助力提升安全管理效益,满足多行业的安全生产需求</p>-->
     </div>
     <div class="solution_main">
-      [@BlockItemList block='focus' limit='8' blockId='90299653626116098'; beans]
+      [@BlockItemList block='focus' limit='7' blockId='90299653626116098'; beans]
       [#list beans as bean]
         <div class="item">
           <div class="img">
@@ -297,9 +297,36 @@
         </div>
       [/#list]
       [/@BlockItemList]
+      <div class="item">
+        <div class="img">
+          <img alt="${site.name}" src="${'${files}/img/img14.png'}">
+        </div>
+        <div class="title">企业全员安全培训智能托管</div>
+        <div class="info">
+          <div class="more" id="edu_btn">
+            <a>立即试用</a>
+            <img alt="${site.name}" src="${'${files}/img/img15.png'}">
+          </div>
+        </div>
 
       </div>
     </div>
+  </div>
+</div>
+
+<div class="edu_container">
+  <div class="edu_mainer">
+    <div class="top">
+      <div>企业全员安全培训智能托管</div>
+      <div class="close"><img alt="${site.name}" src="${'${files}/img/close.png'}"></div>
+    </div>
+    <div class="edu_main">
+      <div class="tip">这里是一段话</div>
+      <div class="QRCode"><img alt="${site.name}" src="${'${files}/img/img20.png'}" ></div>
+      <div class="text">扫一扫，了解详情</div>
+    </div>
+
+  </div>
 </div>
 <!--客户案例-->
 <div class="case">
@@ -351,6 +378,7 @@ $('.product_wrap .top_container .item').click(function(){
   $('.product_wrap .main_container').hide();
   $('.product_wrap .main_container[data-index="'+index+'"]').show();
 });
+
 </script>
 
 </body>