From ac5536f3f7d9edaf1bf18d20caca77d5d61d4ee5 Mon Sep 17 00:00:00 2001
From: caishi <1149225589@qq.com>
Date: Fri, 5 Jul 2019 14:09:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=B3=E5=B0=86=E5=8F=91=E5=B8=83tip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/competitions/index.html.erb   | 14 ++++++++++++++
 public/stylesheets/educoder/edu-all.css |  7 ++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/app/views/competitions/index.html.erb b/app/views/competitions/index.html.erb
index 19627026..9332dda9 100644
--- a/app/views/competitions/index.html.erb
+++ b/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>
diff --git a/public/stylesheets/educoder/edu-all.css b/public/stylesheets/educoder/edu-all.css
index a5ed7efb..4aee8af6 100644
--- a/public/stylesheets/educoder/edu-all.css
+++ b/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;}