This commit is contained in:
parent
313e7c12fb
commit
4c6d05fc1c
|
@ -149,28 +149,25 @@
|
|||
|
||||
<ul>
|
||||
<li>
|
||||
<span>1</span><span>小学劳动课本一年级下册配材料包</span>
|
||||
<span class="num num1">1</span><span>小学劳动课本一年级下册配材料包</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>2</span><span>小学数学课本一年级上册</span>
|
||||
<span class="num">2</span><span>小学数学课本一年级上册</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>3</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
<span class="num">3</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>4</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
<span class="num">4</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>5</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
<span class="num">5</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>6</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
<span class="num">6</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>7</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>8</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
<span class="num">7</span><span>资源名称资源名称资源名称资源名称</span>
|
||||
</li>
|
||||
</ul>
|
||||
</el-card>
|
||||
|
@ -296,6 +293,29 @@ const pieOption = ref({
|
|||
padding: 9px 0;
|
||||
margin-bottom: 7px;
|
||||
|
||||
.num {
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
background-color: #D7D7D7;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&:nth-child(1)>span:nth-child(1) {
|
||||
background-color: #F59A23;
|
||||
}
|
||||
|
||||
&:nth-child(2)>span:nth-child(1) {
|
||||
background-color: #CFD6F5;
|
||||
}
|
||||
|
||||
&:nth-child(3)>span:nth-child(1) {
|
||||
background-color: #E9C3A6;
|
||||
}
|
||||
|
||||
span {
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue