口才和会议场景

2026-01-09 19:41:18 +08:00
parent 99d644d082
commit 602338b27b
49 changed files with 5747 additions and 13 deletions
--- a/pages/speaking_training_edu/components/HomeworkTab.vue
+++ b/pages/speaking_training_edu/components/HomeworkTab.vue
@@ -0,0 +1,80 @@
+<template>
+  <scroll-view
+    class="tab-content"
+    scroll-y
+  >
+    <view class="section">
+      <text class="section-title">作业列表</text>
+      <view class="placeholder-box">
+        <text class="placeholder-text">
+          这里展示布置 / 提交的作业记录（待接入接口）
+        </text>
+      </view>
+    </view>
+    <view class="section">
+      <text class="section-title">常用操作</text>
+      <view class="btn-row">
+        <button class="primary-btn" type="primary" size="mini">
+          布置作业
+        </button>
+        <button class="outline-btn" type="default" size="mini">
+          批改作业
+        </button>
+      </view>
+    </view>
+  </scroll-view>
+</template>
+
+<script>
+export default {
+  name: 'HomeworkTab',
+};
+</script>
+
+<style>
+.tab-content {
+  padding: 148rpx 32rpx 32rpx;
+  box-sizing: border-box;
+}
+
+.section {
+  margin-bottom: 32rpx;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 16rpx;
+  display: block;
+}
+
+.placeholder-box {
+  padding: 40rpx 32rpx;
+  background-color: #ffffff;
+  border-radius: 16rpx;
+  border: 1px dashed #e0e0e0;
+}
+
+.placeholder-text {
+  font-size: 26rpx;
+  color: #999;
+}
+
+.btn-row {
+  flex-direction: row;
+  display: flex;
+  gap: 24rpx;
+}
+
+.primary-btn {
+  background-color: #007aff;
+  border-radius: 999rpx;
+}
+
+.outline-btn {
+  border-radius: 999rpx;
+}
+</style>
+
+