|
@@ -14,24 +14,25 @@
|
|
|
.table-common{
|
|
|
width: 1200px;
|
|
|
text-align: center;
|
|
|
- font-size: 13px;
|
|
|
+ font-size: 15px;
|
|
|
margin: 15px auto;
|
|
|
tbody{
|
|
|
tr:nth-child(1){
|
|
|
td{
|
|
|
- padding: 5px;
|
|
|
+ padding: 10px 0;
|
|
|
p:nth-child(1){
|
|
|
- font-size: 20px;
|
|
|
+ font-size: 22px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
tr:nth-child(2){
|
|
|
td{
|
|
|
+ vertical-align: top;
|
|
|
div{
|
|
|
- padding: 5px;
|
|
|
+ padding: 8px 0;
|
|
|
border-bottom: solid 2px black;
|
|
|
p:nth-child(1){
|
|
|
- font-size: 17px;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
}
|
|
|
ul{
|
|
@@ -40,6 +41,7 @@
|
|
|
margin: 0;
|
|
|
li{
|
|
|
border-left: solid 2px black;
|
|
|
+ padding: 8px 0;
|
|
|
&:first-child{
|
|
|
border-left: none;
|
|
|
}
|
|
@@ -62,12 +64,12 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td v-for="(child,i) in root.children" :key="i">
|
|
|
+ <td v-for="(child,i) in root.children" :key="i" :style="{'background':child.childBackground}">
|
|
|
<div :style="{'background':child.background}">
|
|
|
<p>《{{child.content | removeIndex}}》</p>
|
|
|
<p>掌握率:{{child.master}}%</p>
|
|
|
</div>
|
|
|
- <ul :style="{'background':child.childBackground}">
|
|
|
+ <ul>
|
|
|
<li v-for="(leaf,j) in child.children" :key="j">
|
|
|
<p>《{{leaf.content}}》</p>
|
|
|
<p>评级:{{leaf.masterStatus}}</p>
|