diff --git a/src/views/index.vue b/src/views/index.vue
index b2c1c76..d6c6997 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -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;
       }