|
|
|
@ -246,43 +246,6 @@ |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="tabcontent" id="signLanguageMap"> |
|
|
|
<h3>🌍 探索手语世界</h3> |
|
|
|
<p>完成每个关卡，逐步解锁手语技能！</p> |
|
|
|
|
|
|
|
<div class="map-container"> |
|
|
|
<!-- 已解锁关卡 --> |
|
|
|
<div class="map-point unlocked" onclick="openLesson(1)"> |
|
|
|
<span class="emoji">👋</span> |
|
|
|
<span class="lesson-name">问候语</span> |
|
|
|
</div> |
|
|
|
<div class="progress-line unlocked-line"></div> |
|
|
|
|
|
|
|
<div class="map-point unlocked" onclick="openLesson(2)"> |
|
|
|
<span class="emoji">✋</span> |
|
|
|
<span class="lesson-name">日常表达</span> |
|
|
|
</div> |
|
|
|
<div class="progress-line locked-line"></div> |
|
|
|
|
|
|
|
<!-- 未解锁关卡 --> |
|
|
|
<div class="map-point locked"> |
|
|
|
<span class="emoji">❓</span> |
|
|
|
<span class="lesson-name">家庭成员</span> |
|
|
|
</div> |
|
|
|
<div class="progress-line locked-line"></div> |
|
|
|
|
|
|
|
<div class="map-point locked"> |
|
|
|
<span class="emoji">❓</span> |
|
|
|
<span class="lesson-name">食物饮料</span> |
|
|
|
</div> |
|
|
|
<div class="progress-line locked-line"></div> |
|
|
|
|
|
|
|
<div class="map-point locked"> |
|
|
|
<span class="emoji">❓</span> |
|
|
|
<span class="lesson-name">日常对话</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -328,42 +291,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="tabcontent" id="practiceSection"> |
|
|
|
<h3>✋ 互动练习</h3> |
|
|
|
<p>点击卡片查看手语的正确含义！</p> |
|
|
|
|
|
|
|
<div class="practice-container"> |
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_you.jpg' %}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>👉 你</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_good.jpg'%}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>✨ 好</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_thank_you.jpg'%}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>🙏 谢谢！</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
@ -377,6 +305,43 @@ |
|
|
|
</footer> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="tabcontent" id="practiceSection"> |
|
|
|
<h3>✋ 互动练习</h3> |
|
|
|
<p>点击卡片查看手语的正确含义！</p> |
|
|
|
|
|
|
|
<div class="practice-container"> |
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_you.jpg' %}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>👉 你</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_good.jpg'%}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>✨ 好</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="practice-card" onclick="flipCard(this)"> |
|
|
|
<div class="card-front"> |
|
|
|
<img src="{% static 'images/sign_thank_you.jpg'%}" alt="手语示例"> |
|
|
|
<span>这个手势的含义是？</span> |
|
|
|
</div> |
|
|
|
<div class="card-back"> |
|
|
|
<span>🙏 谢谢！</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</body> |
|
|
|
<script src="{% static 'js/SLClassroom.js' %}"></script> |
|
|
|
|
|
|
|
|
Backpack
2 months ago