|
@@ -6,16 +6,82 @@
|
|
<Card style="width:100%; height:100%; margin-top:10px;">
|
|
<Card style="width:100%; height:100%; margin-top:10px;">
|
|
<p slot="title">
|
|
<p slot="title">
|
|
<Icon custom="iconfont icon-kecheng"></Icon>
|
|
<Icon custom="iconfont icon-kecheng"></Icon>
|
|
- 课程清单
|
|
|
|
|
|
+ 课程安排
|
|
</p>
|
|
</p>
|
|
- <a href="#" slot="extra">
|
|
|
|
- <Icon custom="iconfont icon-arrow" class="custom-arrow-icon" size="12"></Icon>
|
|
|
|
- </a>
|
|
|
|
<div class="card-content-box">
|
|
<div class="card-content-box">
|
|
<vuescroll>
|
|
<vuescroll>
|
|
- <div class="course-info-box"></div>
|
|
|
|
- <h3 style="text-align:center;color:white;">课程表</h3>
|
|
|
|
- <CoursePlan></CoursePlan>
|
|
|
|
|
|
+ <CoursePlan class="course-plan-box"></CoursePlan>
|
|
|
|
+ <p class="split-title">课前预习</p>
|
|
|
|
+ <div class="in-pro-detail">
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-prepare-study" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法1231123123123123123</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-prepare-study" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-prepare-study" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法4r5434</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-prepare-study" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加fsadfa法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</vuescroll>
|
|
</vuescroll>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
@@ -26,33 +92,33 @@
|
|
<Icon custom="iconfont icon-class"></Icon>
|
|
<Icon custom="iconfont icon-class"></Icon>
|
|
课堂记录
|
|
课堂记录
|
|
</p>
|
|
</p>
|
|
- <a href="#" slot="extra">
|
|
|
|
- <Icon custom="iconfont icon-arrow" class="custom-arrow-icon"></Icon>
|
|
|
|
- </a>
|
|
|
|
<div class="card-content-box">
|
|
<div class="card-content-box">
|
|
<vuescroll>
|
|
<vuescroll>
|
|
- <div class="record-count-box">
|
|
|
|
- <div class="record-count-item">
|
|
|
|
- <p class="record-count-num">0</p>
|
|
|
|
- <p class="record-count-text">今日</p>
|
|
|
|
|
|
+ <TechScore></TechScore>
|
|
|
|
+ <TeachScore></TeachScore>
|
|
|
|
+ <p class="split-title">最近3天记录</p>
|
|
|
|
+ <div class="upload-record-box">
|
|
|
|
+ <div class="upload-record-item">
|
|
|
|
+ <Icon class="record-type-icon" custom="iconfont icon-hi" color="white" size="16"></Icon>
|
|
|
|
+ <span class="recorde-name">fjlsakjflksajflsk123131313131231313123132131313123jfaslkj</span>
|
|
|
|
+ <Time class="record-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
</div>
|
|
</div>
|
|
- <div class="record-count-item">
|
|
|
|
- <p class="record-count-num">3</p>
|
|
|
|
- <p class="record-count-text">本周</p>
|
|
|
|
|
|
+ <div class="upload-record-item">
|
|
|
|
+ <Icon class="record-type-icon" custom="iconfont icon-video" color="white" size="16"></Icon>
|
|
|
|
+ <span class="recorde-name">fjlsakjflksajflskjfaslkj</span>
|
|
|
|
+ <Time class="record-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
</div>
|
|
</div>
|
|
- <div class="record-count-item">
|
|
|
|
- <p class="record-count-num">31</p>
|
|
|
|
- <p class="record-count-text">总数</p>
|
|
|
|
|
|
+ <div class="upload-record-item">
|
|
|
|
+ <Icon class="record-type-icon" custom="iconfont icon-hi" color="white" size="16"></Icon>
|
|
|
|
+ <span class="recorde-name">fjlsakjflksajflskjfaslkj</span>
|
|
|
|
+ <Time class="record-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </div>
|
|
|
|
+ <div class="upload-record-item">
|
|
|
|
+ <Icon class="record-type-icon" custom="iconfont icon-hi" color="white" size="16"></Icon>
|
|
|
|
+ <span class="recorde-name">fjlsakjflksajflskjfaslkj</span>
|
|
|
|
+ <Time class="record-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="best-record-box">
|
|
|
|
- <p class="best-record-title">
|
|
|
|
- 最佳课例:<span>气候对农业生产的影响>></span>
|
|
|
|
- </p>
|
|
|
|
- <TechScore></TechScore>
|
|
|
|
- <TeachScore></TeachScore>
|
|
|
|
- </div>
|
|
|
|
-
|
|
|
|
</vuescroll>
|
|
</vuescroll>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
@@ -64,145 +130,170 @@
|
|
活动概览
|
|
活动概览
|
|
</p>
|
|
</p>
|
|
<div class="card-content-box">
|
|
<div class="card-content-box">
|
|
- <div class="detail-content-box">
|
|
|
|
- <vuescroll>
|
|
|
|
- <AcCountPie></AcCountPie>
|
|
|
|
- <div class="in-pro-box">
|
|
|
|
- <p class="status-tag">进行中</p>
|
|
|
|
- <p class="count-tag">4</p>
|
|
|
|
- <p class="jump-tag">
|
|
|
|
- <Icon custom="iconfont icon-arrow" class="custom-arrow-icon"></Icon>
|
|
|
|
- </p>
|
|
|
|
|
|
+ <vuescroll>
|
|
|
|
+ <AcCountPie></AcCountPie>
|
|
|
|
+ <div class="in-pro-box">
|
|
|
|
+ <p class="status-tag">进行中</p>
|
|
|
|
+ <p class="count-tag">4</p>
|
|
|
|
+ <p class="jump-tag">
|
|
|
|
+ <Icon custom="iconfont icon-arrow" class="custom-arrow-icon"></Icon>
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-detail">
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-vote" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法123100</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="in-pro-detail">
|
|
|
|
- <div class="in-pro-ac-item">
|
|
|
|
- <Icon custom="iconfont icon-test" class="ac-type-icon" size="45" style="margin-right:10px;"></Icon>
|
|
|
|
- <div class="ac-info-box">
|
|
|
|
- <p>
|
|
|
|
- <span class="classname-label">一年级一班</span>
|
|
|
|
- <span class="ac-name-label">两位数加法</span>
|
|
|
|
- </p>
|
|
|
|
- <p class="ac-time-wrap">
|
|
|
|
- 2020.01.11 - 2020.01.22
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="ac-pro-box">
|
|
|
|
- <i-circle :percent="80" size="50" stroke-width="10" trail-width="10" stroke-linecap="square">
|
|
|
|
- <span style="font-size:16px">80%</span>
|
|
|
|
- </i-circle>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="in-pro-ac-item">
|
|
|
|
- <Icon custom="iconfont icon-test" class="ac-type-icon" size="45" style="margin-right:10px;"></Icon>
|
|
|
|
- <div class="ac-info-box">
|
|
|
|
- <p>
|
|
|
|
- <span class="classname-label">一年级一班</span>
|
|
|
|
- <span class="ac-name-label">两位数加法</span>
|
|
|
|
- </p>
|
|
|
|
- <p class="ac-time-wrap">
|
|
|
|
- 2020.01.11 - 2020.01.22
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="ac-pro-box">
|
|
|
|
- <i-circle :percent="80" size="50" stroke-width="10" trail-width="10" stroke-linecap="square">
|
|
|
|
- <span style="font-size:16px">80%</span>
|
|
|
|
- </i-circle>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="in-pro-ac-item">
|
|
|
|
- <Icon custom="iconfont icon-test" class="ac-type-icon" size="45" style="margin-right:10px;"></Icon>
|
|
|
|
- <div class="ac-info-box">
|
|
|
|
- <p>
|
|
|
|
- <span class="classname-label">一年级一班</span>
|
|
|
|
- <span class="ac-name-label">两位数加法</span>
|
|
|
|
- </p>
|
|
|
|
- <p class="ac-time-wrap">
|
|
|
|
- 2020.01.11 - 2020.01.22
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="ac-pro-box">
|
|
|
|
- <i-circle :percent="80" size="50" stroke-width="10" trail-width="10" stroke-linecap="square">
|
|
|
|
- <span style="font-size:16px">80%</span>
|
|
|
|
- </i-circle>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="in-pro-ac-item">
|
|
|
|
- <Icon custom="iconfont icon-test" class="ac-type-icon" size="45" style="margin-right:10px;"></Icon>
|
|
|
|
- <div class="ac-info-box">
|
|
|
|
- <p>
|
|
|
|
- <span class="classname-label">一年级一班</span>
|
|
|
|
- <span class="ac-name-label">两位数加法</span>
|
|
|
|
- </p>
|
|
|
|
- <p class="ac-time-wrap">
|
|
|
|
- 2020.01.11 - 2020.01.22
|
|
|
|
- </p>
|
|
|
|
- </div>
|
|
|
|
- <div class="ac-pro-box">
|
|
|
|
- <i-circle :percent="80" size="50" stroke-width="10" trail-width="10" stroke-linecap="square">
|
|
|
|
- <span style="font-size:16px">80%</span>
|
|
|
|
- </i-circle>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-hw" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </vuescroll>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-questionnaire" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加12325法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-learning-self" class="ac-type-icon"></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="in-pro-ac-item">
|
|
|
|
+ <Icon custom="iconfont icon-test" class="ac-type-icon" ></Icon>
|
|
|
|
+ <div class="ac-info-box">
|
|
|
|
+ <p>
|
|
|
|
+ <span class="classname-label">一年级一班</span>
|
|
|
|
+ <span class="ac-name-label">两位数加法</span>
|
|
|
|
+ </p>
|
|
|
|
+ <p class="ac-time-wrap">
|
|
|
|
+ 2020.01.11 - 2020.01.22
|
|
|
|
+ </p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="ac-pro-box">
|
|
|
|
+ <i-circle :percent="80" :size="50" :stroke-width="10" :trail-width="10" stroke-linecap="square">
|
|
|
|
+ <span style="font-size:16px">80%</span>
|
|
|
|
+ </i-circle>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </vuescroll>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
<div class="notice-area box-item">
|
|
<div class="notice-area box-item">
|
|
- <Card style="width:100%; height:49%; margin-top:10px;">
|
|
|
|
|
|
+ <Card style="width:100%; height:30%; margin-top:10px;">
|
|
<p slot="title">
|
|
<p slot="title">
|
|
<Icon custom="iconfont icon-notice"></Icon>
|
|
<Icon custom="iconfont icon-notice"></Icon>
|
|
学校公告
|
|
学校公告
|
|
</p>
|
|
</p>
|
|
- <!--<a href="#" slot="extra">
|
|
|
|
- <Icon custom="iconfont icon-arrow" class="custom-arrow-icon"></Icon>
|
|
|
|
- </a>-->
|
|
|
|
<div class="card-content-box" style="min-height:300px;">
|
|
<div class="card-content-box" style="min-height:300px;">
|
|
- <ul class="notice-list-box">
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">通知内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">通知内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">通知内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">通知内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
|
|
+ <vuescroll>
|
|
|
|
+ <ul class="notice-list-box">
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">通知内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">通知内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">通知内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">通知内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </vuescroll>
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
- <Card style="width:100%; height:49%; margin-top:4%;">
|
|
|
|
|
|
+ <Card style="width:100%; height:30%; margin-top:4%;">
|
|
<p slot="title">
|
|
<p slot="title">
|
|
<Icon custom="iconfont icon-message"></Icon>
|
|
<Icon custom="iconfont icon-message"></Icon>
|
|
- 学生留言
|
|
|
|
|
|
+ 消息通知
|
|
</p>
|
|
</p>
|
|
<div class="card-content-box" style="min-height:300px;">
|
|
<div class="card-content-box" style="min-height:300px;">
|
|
- <ul class="notice-list-box">
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">叶曜灵:留言内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">李正乾:留言内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">刘雨涵:留言内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- <li>
|
|
|
|
- <p class="notice-text">李子睿:留言内容</p>
|
|
|
|
- <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
- </li>
|
|
|
|
- </ul>
|
|
|
|
|
|
+ <vuescroll>
|
|
|
|
+ <ul class="notice-list-box">
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">叶曜灵:留言内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">李正乾:留言内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">刘雨涵:留言内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ <li>
|
|
|
|
+ <p class="notice-text">李子睿:留言内容</p>
|
|
|
|
+ <Time class="notice-time" :time="((new Date()).getTime() - 60 * 3 * 1000)" />
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </vuescroll>
|
|
|
|
+ </div>
|
|
|
|
+ </Card>
|
|
|
|
+ <Card style="width:100%; height:36%; margin-top:4%;">
|
|
|
|
+ <p slot="title">
|
|
|
|
+ <Icon custom="iconfont icon-message"></Icon>
|
|
|
|
+ 扩展预留
|
|
|
|
+ </p>
|
|
|
|
+ <div class="card-content-box" >
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</Card>
|
|
</Card>
|
|
</div>
|
|
</div>
|
|
@@ -241,5 +332,19 @@
|
|
<style>
|
|
<style>
|
|
.home-page-container .__view {
|
|
.home-page-container .__view {
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ padding:16px;
|
|
|
|
+ }
|
|
|
|
+ .course-info-box .ivu-divider-inner-text:after {
|
|
|
|
+ border-color:#404040 !important;
|
|
|
|
+ }
|
|
|
|
+ .course-info-box .ivu-divider-inner-text:before {
|
|
|
|
+ border-color:#404040;
|
|
|
|
+ }
|
|
|
|
+ .course-info-box .ivu-divider-horizontal.ivu-divider-with-text-center:after,.course-info-box .ivu-divider-horizontal.ivu-divider-with-text-center:before,.course-info-box .ivu-divider-horizontal.ivu-divider-with-text-left:after,.course-info-box .ivu-divider-horizontal.ivu-divider-with-text-left:before,.course-info-box .ivu-divider-horizontal.ivu-divider-with-text-right:after, .ivu-divider-horizontal.ivu-divider-with-text-right:before {
|
|
|
|
+ border-color: #404040;
|
|
|
|
+ }
|
|
|
|
+ .home-page-container .ivu-card-body {
|
|
|
|
+ height:calc(100% - 52px);
|
|
|
|
+ padding:0px;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|