72 lines
1.3 KiB
Vue
72 lines
1.3 KiB
Vue
<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>
|
||
|