<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>


