php弹窗代码开始

<!-- 弹窗代码开始电脑版 -->
<div class="web_notice" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99999;">
    <div style="position: fixed; top: 50%; left: 50%; background: #FFF; transform: translate(-50%, -50%); border-radius: 10px; padding: 50px 40px;">
        <button style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer;" onclick="closePopup();">×</button>
        <h3 style="font-weight: bold; text-align: center; font-size: 30px; color: #f5365c;">【七云数据】温馨提示</h3>
        <div style="font-size: 16px; margin-top: 26px; line-height: 30px; color: #f5365c;">
            尊敬的用户，为了确保您的数据安全，我们强烈建议您定期备份服务器数据。数据是业务运营的核心资产，任何意外导致数据丢失都会造成不可估量和无法挽回的损失。任何地方都不能百分百的保障数据安全，自己日常备份好数据才是最好的选择！<br><br>
        </div>
    </div>
</div>
<script>
    function closePopup() {
        document.querySelector('.web_notice').style.display = 'none';
    }
</script>
<!-- 弹窗代码结束电脑版 -->

<!-- 弹窗代码开始手机版 -->
<div class="web_notice" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99999;">
    <div style="position: fixed; top: 50%; left: 50%; width: 320px; background: #FFF; transform: translate(-50%, -50%); border-radius: 10px; padding: 50px 40px;">
        <button style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 20px; cursor: pointer;" onclick="closePopup();">×</button>
        <h3 style="font-weight: bold; text-align: center; font-size: 30px; color: #f5365c;">温馨提示</h3>
        <div style="font-size: 16px; margin-top: 26px; line-height: 30px; color: #f5365c;">
            尊敬的用户，为了确保您的数据安全，我们强烈建议您定期备份服务器数据。数据是业务运营的核心资产，任何意外导致数据丢失都会造成不可估量和无法挽回的损失。任何地方都不能百分百的保障数据安全，自己日常备份好数据才是最好的选择！<br><br>
        </div>
    </div>
</div>
<script>
    function closePopup() {
        document.querySelector('.web_notice').style.display = 'none';
    }
</script>
<!-- 弹窗代码结束手机版 -->