30 lines
981 B
HTML
30 lines
981 B
HTML
|
<div class="channel-view">
|
|||
|
|
<h2>📺 我的频道</h2>
|
|||
|
|
<p>点击下面的卡片，动态加载模块内容～</p>
|
|||
|
|
|
|||
|
|
<!-- 卡片网格（4个模块卡片） -->
|
|||
|
|
<div class="card-grid" id="module-grid">
|
|||
|
|
<div class="module-card" data-module="mock-a">
|
|||
|
|
<h3>📦 模块 A</h3>
|
|||
|
|
<p>这是模拟模块 A</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="module-card" data-module="mock-b">
|
|||
|
|
<h3>📦 模块 B</h3>
|
|||
|
|
<p>这是模拟模块 B</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="module-card" data-module="mock-c">
|
|||
|
|
<h3>📦 模块 C</h3>
|
|||
|
|
<p>这是模拟模块 C</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="module-card" data-module="mock-d">
|
|||
|
|
<h3>📦 模块 D</h3>
|
|||
|
|
<p>这是模拟模块 D</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 模块内容会加载到这里 -->
|
|||
|
|
<div id="module-display-area" class="module-content">
|
|||
|
|
<!-- 初始为空，点击卡片后填充 -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|