index.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class Widgets 插件列表</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/office-ui-fabric-core/11.0.0/css/fabric.min.css" />
    <link rel="stylesheet" href="styles.css" />
</head>
<body>
    <h1>Class Widgets 插件列表</h1>
    <div class="card-container" id="plugin-list"></div>

    <div class="overlay" id="overlay"></div>
    <div class="details" id="details">
        <span class="close" id="close-details">&times;</span>
        <img id="details-img" src="" alt="插件图标" style="width: 100px; height: 100px; margin-bottom: 20px;">
        <h2 id="details-title"></h2>
        <p class="version" id="details-version"></p>
        <p class="author" id="details-author"></p>
        <p id="details-description"></p>
        <a id="details-link" href="#" target="_blank">访问插件</a>
    </div>

    <script src="script.js"></script>
</body>
</html>