card/make/DoUpData.php

<?php
session_start();
if (isset($_SESSION["username"])) {
?>
  <?php require_once('common/header.php'); 
     include_once('../updata/version.php');
     include_once("../untils/conn.php");
     mysqli_query($con, "set names utf8");

     // 获取接口返回的 JSON 数据
     $json = file_get_contents('http://hk7.ldove.cn/updata/Getversion.php');
     $data = json_decode($json, true);
     $new_version = $data['version'];// 将 version 字段存储为变量 $new_version
     $system_name = $data['system_name'];
     $developer = $data['developer'];
     $qqnum = $data['qqnum'];
     $wechat = $data['wechat'];
     $update_log_url = $data['update_log_url'];
  ?>

   <main class="lyear-layout-content" style="display: flex; justify-content: center; align-items: center;">
    <div class="loader"></div>
    <div class="text">更新中...</div>
    </main>

<style>
            .lyear-layout-content {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
        }
        
        .loader {
          width: 200px;
          height: 200px;
          border-radius: 50%;
          position: relative;
          border: 4px solid transparent;
          border-top-color: #4bc0c8;
          animation: run 2s linear infinite;
          margin-bottom: 20px;
        }
        
        .text {
          color: #000;
          font-size: 20px;
          position: relative;
          text-align: center;
        }


    /* 利用伪元素 */
    .loader::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #c779d0;
        /* 动画时间不同 */
        animation: run 3s linear infinite;
    }

    .loader::after {
        content: "";
        position: absolute;
        left: 15px;
        top: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #feac5e;
        /* 动画时间不同 */
        animation: run 1.5s linear infinite;
    }

    .text {
        color: #000;
        font-size: 20px;
        position: relative;
        text-align: center;
        margin-top: 20px;
    }

    /* 定义动画 */
    @keyframes run {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
</style>

 <?php require_once('common/footer.php'); ?>
<?php
} else {
  echo "<script>alert('您尚未登录，没有权限访问该页面');location.href='login.php';</script>";
}