bug fixes

src/pages/course/learn/components/CourseChapter.vue

@@ -3,10 +3,13 @@
     <el-collapse-item :title="item.name" :name="item.id" v-for="item in currentList" :key="item.id">
       <ul v-if="item.id === '1'">
         <li class="meterial-item" v-for="subItem in item.children" :key="subItem.id">
-          <p>{{subItem.file_name}}</p><i class="el-icon-download" @click="handleDownload(subItem)"></i>
+          <p>
+            <a :href="subItem.file_url" target="_blank">{{ subItem.file_name }}</a>
+          </p>
+          <i class="el-icon-download" @click="handleDownload(subItem)"></i>
         </li>
       </ul>
-      <u v-else>
+      <ul v-else>
         <li v-for="subItem in item.children" :key="subItem.id" @click="handleClick(subItem)">
           <div class="name">{{ subItem.name }}</div>
           <div class="duration">{{ subItem.duration }}</div>
@@ -26,7 +29,7 @@
             </template>
           </div>
         </li>
-      </u>
+      </ul>
     </el-collapse-item>
   </el-collapse>
 </template>
@@ -116,14 +119,14 @@ li {
     color: #999;
   }
 }
-li.meterial-item{
-  display:flex;
-  p{
-    flex:1;
+li.meterial-item {
+  display: flex;
+  p {
+    flex: 1;
   }
-  i{
-    padding:10px;
-    font-size:20px;
+  i {
+    padding: 10px;
+    font-size: 20px;
   }
 }
 </style>