azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Wrap course-card around a parent card

Browse Source
This commit is contained in:
Hykilpikonna
2019-10-05 15:11:18 -04:00
parent 7b9dab9d78
commit 9c54033343
1 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/overall/overall-course/overall-course.vue
+31 -29
View File
@@ -1,34 +1,36 @@
<template> <template>
<div id="overall-course"> <div id="overall-course">
<el-card class="course-card"> <el-card class="course-card parent">
<el-row> <el-card class="course-card">
<el-col :span="6" class="course-col-name"> <el-row>
<div class="course-name"> <el-col :span="6" class="course-col-name">
{{course.name}} <div class="course-name">
</div> {{course.name}}
<div class="course-teacher"> </div>
{{course.teacherName}} <div class="course-teacher">
</div> {{course.teacherName}}
</el-col> </div>
<el-col :span="12"> </el-col>
&nbsp; <el-col :span="12">
</el-col> &nbsp;
<el-col :span="6" class="course-col-grade"> </el-col>
<div class="course-grade"> <el-col :span="6" class="course-col-grade">
<span class="letter">{{course.letterGrade}} </span> <div class="course-grade">
<span class="numeric">{{course.numericGrade.toFixed(2)}}</span> <span class="letter">{{course.letterGrade}} </span>
<span class="percent">%</span> <span class="numeric">{{course.numericGrade.toFixed(2)}}</span>
</div> <span class="percent">%</span>
<div class="course-updates" :class="countUnread() === 0 ? 'none' : 'unread'"> </div>
<span class="unread-number"> <div class="course-updates" :class="countUnread() === 0 ? 'none' : 'unread'">
{{countUnread()}} <span class="unread-number">
</span> {{countUnread()}}
<span class="unread-text"> </span>
new update{{countUnread() >= 2 ? 's' : ''}} <span class="unread-text">
</span> new update{{countUnread() >= 2 ? 's' : ''}}
</div> </span>
</el-col> </div>
</el-row> </el-col>
</el-row>
</el-card>
</el-card> </el-card>
</div> </div>
</template> </template>