账号密码列表 - 安全便捷的账号管理工具 - 常规

        // 发送GET请求
        $response = file_get_contents($url);

        // 将JSON数据解码为数组
        $data = json_decode($response, true);
        // 循环输出账号
        foreach ($data as $item) {
            echo '<div class="col s12 m6 l4">
            <div class="card">
            <div class="card-content">
            <h5 class="card-title">' . $item['country'] . '</h5>
            <div class="card-text">
            <p><span>账号：</span><span class="username">' . $item['username'] . '</span> <span class="copy-btn" data-clipboard-text='' . $item['username'] . ''>(复制)</span></p>
            <p><span>密码：</span><span class="password">' . str_repeat('*', strlen($item['password'])) . '</span> <span class="copy-btn" data-clipboard-text='' . $item['password'] . ''>(复制)</span></p>
            <p><span>状态：</span>' . ($item['status'] == 1 ? '正常' : ($item['status'] == 2 ? '异常' : '等待检测')) . '</p>
            <p><span>更新时间：</span>' . $item['time'] . '</p>
            </div>
            </div>
            </div>
            </div>';
        }
        ?>
    </div>
</div>

<!-- 引入 Materialize JavaScript -->
<script src="https://cdn.bootcdn.net/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- 引入 Clipboard.js 库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>
<script>
    // 初始化 Clipboard.js
    var clipboard = new ClipboardJS('.copy-btn');

    // 复制成功后的提示
    var copySuccess = document.createElement('div');
    copySuccess.classList.add('copy-success');
    copySuccess.innerText = '已复制到剪贴板！';
    document.body.appendChild(copySuccess);

    // 复制成功后的提示动画
    clipboard.on('success', function(e) {
        var successBox = document.querySelector('.copy-success');
        successBox.style.display = 'block';
        setTimeout(function() {
            successBox.style.display = 'none';
        }, 1000);
    });
</script>
原文地址: https://www.cveoy.top/t/topic/lSMr 著作权归作者所有。请勿转载和采集!
免费AI点我,无需注册和登录