即将发布tip

app/views/competitions/index.html.erb

@@ -83,6 +83,11 @@
               </div>
               <p class="color-grey-B3 clearfix pl20 pr20 pb20"></p>
             </div>
+            <div class="competitionsList-item-tip strongNone">
+              <div class="color-white font-26">
+                <p>即将发布</p><p>敬请期待</p>
+              </div>
+            </div>
           </div>
         <% end %>
       <% end %>
@@ -91,3 +96,12 @@
     <%= render :partial => "welcome/no_data" %>
   <% end %>
 </div>
+<script>
+  $(function(){
+      $(".competitionsList-item").on("hover",function(){
+          $(this).find(".competitionsList-item-tip").removeClass("strongNone");
+      },function(){
+          $(this).find(".competitionsList-item-tip").addClass("strongNone");
+      })
+  })
+</script>

public/stylesheets/educoder/edu-all.css

@@ -898,9 +898,14 @@ table.tBodyScroll thead th{
 .homePageBtn{position: absolute;width: 100%;top: 510px;}
 .homeBtn{display: block;float: left;border-radius: 30px;width: 168px;height: 60px;line-height: 60px;background-color: #21B351;font-size: 30px;color: #fff!important;text-align: center}
 
-.competitionsList-item{width: 50%;float: left;box-sizing: border-box;}
+.competitionsList-item{width: 50%;float: left;box-sizing: border-box;position: relative}
 .competitionsList-item:nth-of-type(odd){padding-right: 10px;}
 .competitionsList-item:nth-of-type(even){padding-left: 10px;}
+.competitionsList-item-tip{
+    position: absolute;top: 0px;left: 0px;height: 100%;background: rgba(0,0,0,0.5);right: 10px;justify-content: center;
+    align-items: center;display: -webkit-flex;
+}
+.strongNone{display: none!important;}
 .competition-Img{width: 100%;height: 340px;}
 .competition-Img img{border-radius: 4px 4px 0px 0px;}
 .status-tag {display: block;height: 30px;line-height: 30px;color: #fff;padding: 0px 20px;}