学员培训报名页面样式修改

index.html

@@ -37,7 +37,7 @@
           </div>
         </div> -->
 
-        <div class="flex-1" style="height: 10rem;">
+        <div class="flex-1 bigBox" style="height: 10rem;">
           <div class="rounded-lg bg-white p-3" style="height: 100%;">
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
             <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
@@ -48,22 +48,33 @@
                 <div class="flex justify-between mt-4">
                   <div class="text-sm">培训报名</div>
                   <div>
-                    <button class="nightClockBtn  text-xs rounded-md py-1 px-3">报名失败</button>
-                    <button class="nightClockBtn bg-blue-500 text-xs rounded-md py-1 px-3 text-white" onclick="apply()">报名</button>
+                    <button id="registrationSuccess" class="nightClockBtn  text-xs rounded-md py-1 px-3" style="display: none;">报名成功</button>
+                    <button id="applyBtn" class="nightClockBtn bg-blue-500 text-xs rounded-md py-1 px-3 text-white" onclick="apply()" style="display: block;">报名</button>
                   </div>
                 </div>
                 <div class="border-2 w-full mt-2.5 flex justify-between p-2 text-sm">
                   <p style="color: #999999;">山西跳协**培训红头文件</p>
                   <button class="text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5">查看</button>
                 </div>
+                <div class="border-2 w-full mt-2.5 p-2 text-sm" id="pxxz" style="display: none;">
+                  <div class="flex justify-between">
+                    <span style="color: #999999;">报名信息</span>
+                    <span class="text-xs text-center text-white bg-blue-400 rounded-full w-10 h-5 inline-block leading-5">查看</span>
+                  </div>
+                </div>
               </div>
             </div>
 
             <script>
               function apply(){
-                console.log(1);
-                window.location.href='./apply.html'
-
+                var bigBox=document.querySelector('.bigBox')
+                var applyBtn=document.querySelector('#applyBtn')
+                var registrationSuccess=document.querySelector('#registrationSuccess')
+                var pxxz=document.querySelector('#pxxz')
+                registrationSuccess.style.display='block'
+                applyBtn.style.display='none'
+                bigBox.style.height='13rem'
+                pxxz.style.display='block'
               }
 
               // var p1432643387798069248 = {