feat(ui): 添加颜色类和图标样式支持

- 在 common.scss 中新增红、绿、黄三种颜色类
- 更新 iconfont 字体文件，添加 checked、warning、close 图标
- 修改 createCourse.vue 中的消息弹窗实现方式
- 扩展 useMessage.js，增加 $messageBox 确认弹窗功能
- 优化 useUpload.js 文件类型校验提示文案
- 修复 JPG 文件类型判断逻辑错误问题

src/views/courselibrary/components/createCourse.vue

@@ -1,7 +1,7 @@
 <script setup>
 import dragCollapse from "./dragCollapse.vue";
 import { ElButton, ElCheckbox, ElDialog, ElMessageBox } from "element-plus";
-import { $message } from "@/utils/useMessage";
+import { $message, $messageBox } from "@/utils/useMessage";
 import dragTable from "./dragTable.vue";
 import { ref, watch } from "vue";
 import { getType } from "@/hooks/useCreateCourseMaps";
@@ -188,11 +188,12 @@ const deleteRow = (data) => {
   courseMetadata.chooseIndex = data.index;
   courseMetadata.selectionIndex = data.selectionIndex;
 
-  ElMessageBox.confirm(`确定删除${data.record.name}吗？`, "删除确认", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "error",
-  })
+  $messageBox
+    .confirm(`确定删除${data.record.name}吗？`, "删除确认", {
+      confirmButtonText: "确定",
+      cancelButtonText: "取消",
+      type: "error",
+    })
     .then(() => {
       $message.success("删除成功");
       if (
@@ -348,6 +349,7 @@ const handleNext = () => {
     </el-dialog>
 
     <div class="p10 pst-s bg-w bottom0">
+      {{ courseList }}
       <el-button>取消</el-button>
       <el-button type="primary">存草稿</el-button>
       <el-button @click="handleNext" type="primary">下一步</el-button>