新皮肤

public/plugins/layui/css/main.css

@@ -94,7 +94,7 @@ audio,canvas,video,progress{display:inline-block;}
     }
 }
 body{
-    background: url(../img/bg.png) repeat-x;
+    background: url(../img/bg2.jpg) center top;
 }
 .cov{ position: absolute; }
 .g-inner{margin: 0 auto;width: 7.5rem;}
@@ -199,17 +199,24 @@ body{
 }
 #start_game.layui-btn {
     display:inline-block;
-    height:38px;
+    width: 2.66rem;
+    height: 3.12rem;
     line-height:38px;
     padding:0 18px;
-    background-color:#009688;
     color:#fff;
     white-space:nowrap;
     text-align:center;
     font-size:14px;
     border:none;
     border-radius:2px;
-    cursor:pointer
+    cursor:pointer;
+    background: url(../img/start.png) no-repeat center;
+    background-size: 100%;
+    text-indent: -33em;
+    overflow: hidden;
+    position: absolute;
+    left: 2.46rem;
+    top: 7.45rem;
 }
 .layui-btn:hover {
     opacity:.8;
@@ -223,4 +230,30 @@ body{
 .layui-btn+.layui-btn {
     margin-left:10px
 }
-.welcome{ background: url(../img/bg1.jpg) no-repeat center; }
+.welcome{background: url(../img/bg1.jpg) no-repeat center;height: 13.4rem;background-size: 7.5rem;}
+.gstart{display:none}
+.popwind{width:6.05rem;height:6.98rem;position: absolute;left: 0.8rem;top: 2.5rem;background: url(../img/rulebg.png);background-size: 100%;display: none;}
+.popwind .art{
+    padding: 1.1rem .82rem .4rem;
+    height: 4rem;
+    color: #c0caff;
+    font-size: .32rem;
+}
+.popwind  .close{
+    width: 2.46rem;
+    height: 1rem;
+    display: block;
+    margin: 0 auto;
+    background: url(../img/enter.png);
+    background-size: 100%;
+}
+.welcome .rulebtn{
+    display: block;
+    width: 1.24rem;
+    height: .72rem;
+    background: url(../img/rule.png);
+    background-size: 100%;
+    position: absolute;
+    left: 6rem;
+    top: .5rem;
+}

resources/views/home/user.blade.php

@@ -100,6 +100,12 @@ layui.use(['form','jquery'], function(){
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
       }
   });
+   $(".welcome .rulebtn").click(function(argument) {
+      $(".popwind").show();
+   })
+   $(".welcome .popwind .close").click(function(argument) {
+      $(".popwind").hide();
+   })
   //获取用户信息
   $.get('/Home/User/Info',{},function(responsedata){
     if(responsedata.code == 10001){
@@ -267,6 +273,8 @@ layui.use(['form','jquery'], function(){
       }); 
       return;
     }
+    $(".welcome").hide();
+    $(".gstart").show();
     var url = "/Home/Game/Join";
     $.post(url,{client_id:client_id},function(responsedata){
       layer.msg(responsedata.msg, {