口才和会议场景

pages/speaking_training_homework/speaking_training_homework.vue

@@ -0,0 +1,71 @@
+<template>
+  <view class="homework-page">
+    <view class="hero">
+      <view class="hero-title">作业</view>
+      <view class="hero-desc">提交与查看口训作业，按时完成练习</view>
+    </view>
+
+    <view class="panel">
+      <view class="panel-title">暂无作业</view>
+      <view class="panel-desc">请等待老师发布作业或与老师联系。</view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  onShow() {
+    uni.setNavigationBarTitle({ title: '作业' });
+  },
+};
+</script>
+
+<style>
+.homework-page {
+  min-height: 100vh;
+  padding: 16px 14px calc(64px + env(safe-area-inset-bottom));
+  background: #f7f8fb;
+  box-sizing: border-box;
+}
+
+.hero {
+  background: linear-gradient(135deg, #7c8cff, #9fb1ff);
+  color: #ffffff;
+  border-radius: 14px;
+  padding: 16px 14px;
+  margin-bottom: 14px;
+  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
+}
+
+.hero-title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-bottom: 6px;
+}
+
+.hero-desc {
+  font-size: 13px;
+  opacity: 0.92;
+}
+
+.panel {
+  background: #ffffff;
+  border-radius: 12px;
+  padding: 14px 12px 16px;
+  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
+}
+
+.panel-title {
+  font-size: 16px;
+  font-weight: 700;
+  color: #111827;
+  margin-bottom: 8px;
+}
+
+.panel-desc {
+  font-size: 13px;
+  color: #4b5563;
+  line-height: 1.6;
+}
+</style>
+