diff --git a/src/App.vue b/src/App.vue index b06ba671..42ffaadf 100644 --- a/src/App.vue +++ b/src/App.vue @@ -121,6 +121,7 @@ function unloadHandler() { box-sizing: border-box; background: #ffffff; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07); + border-radius: 6px; } .cus-btn { diff --git a/src/assets/font/iconfont.css b/src/assets/font/iconfont.css new file mode 100644 index 00000000..efa17f7c --- /dev/null +++ b/src/assets/font/iconfont.css @@ -0,0 +1,21 @@ +@font-face { + font-family: "iconfont"; /* Project id 5086622 */ + src: url("iconfont.woff2?t=1765446803106") format("woff2"), + url("iconfont.woff?t=1765446803106") format("woff"), + url("iconfont.ttf?t=1765446803106") format("truetype"); +} + +.iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-danseshixintubiao- { + color: #b5b5b5; +} +.icon-danseshixintubiao-:before { + content: "\e632"; +} diff --git a/src/assets/font/iconfont.ttf b/src/assets/font/iconfont.ttf new file mode 100644 index 00000000..5a32ded0 Binary files /dev/null and b/src/assets/font/iconfont.ttf differ diff --git a/src/assets/font/iconfont.woff b/src/assets/font/iconfont.woff new file mode 100644 index 00000000..a257019b Binary files /dev/null and b/src/assets/font/iconfont.woff differ diff --git a/src/assets/font/iconfont.woff2 b/src/assets/font/iconfont.woff2 new file mode 100644 index 00000000..92b6c0c2 Binary files /dev/null and b/src/assets/font/iconfont.woff2 differ diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss index 1870ffce..19ab0fff 100644 --- a/src/assets/scss/common.scss +++ b/src/assets/scss/common.scss @@ -1,3 +1,4 @@ +@import "../font/iconfont.css"; html, body { height: 100vh; diff --git a/src/assets/svg/audio.svg b/src/assets/svg/audio.svg new file mode 100644 index 00000000..8513fbbe --- /dev/null +++ b/src/assets/svg/audio.svg @@ -0,0 +1,12 @@ + + + yuyin 2 + + + + + + + + + diff --git a/src/assets/svg/courseDel.svg b/src/assets/svg/courseDel.svg new file mode 100644 index 00000000..4443558a --- /dev/null +++ b/src/assets/svg/courseDel.svg @@ -0,0 +1,9 @@ + + + 删除 + + + + + + \ No newline at end of file diff --git a/src/assets/svg/coursePreview.svg b/src/assets/svg/coursePreview.svg new file mode 100644 index 00000000..8e9ede1e --- /dev/null +++ b/src/assets/svg/coursePreview.svg @@ -0,0 +1,9 @@ + + + 预览 + + + + + + \ No newline at end of file diff --git a/src/assets/svg/del.svg b/src/assets/svg/del.svg new file mode 100644 index 00000000..2e031241 --- /dev/null +++ b/src/assets/svg/del.svg @@ -0,0 +1,11 @@ + + + shanchu1备份 + + + + + + + + diff --git a/src/assets/svg/doc.svg b/src/assets/svg/doc.svg new file mode 100644 index 00000000..37374676 --- /dev/null +++ b/src/assets/svg/doc.svg @@ -0,0 +1,12 @@ + + + a-wendang1 + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/kaoshi.svg b/src/assets/svg/kaoshi.svg new file mode 100644 index 00000000..6a5f83ce --- /dev/null +++ b/src/assets/svg/kaoshi.svg @@ -0,0 +1,11 @@ + + + monikaoshi + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/link.svg b/src/assets/svg/link.svg new file mode 100644 index 00000000..f7f3a3a8 --- /dev/null +++ b/src/assets/svg/link.svg @@ -0,0 +1,11 @@ + + + lianjiex + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/pic.svg b/src/assets/svg/pic.svg new file mode 100644 index 00000000..2782ec91 --- /dev/null +++ b/src/assets/svg/pic.svg @@ -0,0 +1,11 @@ + + + folder-image-fill + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/pinggu.svg b/src/assets/svg/pinggu.svg new file mode 100644 index 00000000..95e12493 --- /dev/null +++ b/src/assets/svg/pinggu.svg @@ -0,0 +1,11 @@ + + + pinggubaogao + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/scorm.svg b/src/assets/svg/scorm.svg new file mode 100644 index 00000000..b86065b2 --- /dev/null +++ b/src/assets/svg/scorm.svg @@ -0,0 +1,11 @@ + + + wenjianjia + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/setting.svg b/src/assets/svg/setting.svg new file mode 100644 index 00000000..9c1b4db5 --- /dev/null +++ b/src/assets/svg/setting.svg @@ -0,0 +1,9 @@ + + + 设置 + + + + + + diff --git a/src/assets/svg/tableAudio.svg b/src/assets/svg/tableAudio.svg new file mode 100644 index 00000000..b2d92413 --- /dev/null +++ b/src/assets/svg/tableAudio.svg @@ -0,0 +1,11 @@ + + + yuyin + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableBankOut.svg b/src/assets/svg/tableBankOut.svg new file mode 100644 index 00000000..3611a31b --- /dev/null +++ b/src/assets/svg/tableBankOut.svg @@ -0,0 +1,12 @@ + + + zidingyikaoshi + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableDoc.svg b/src/assets/svg/tableDoc.svg new file mode 100644 index 00000000..d532eff9 --- /dev/null +++ b/src/assets/svg/tableDoc.svg @@ -0,0 +1,13 @@ + + + wendang + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableEdit.svg b/src/assets/svg/tableEdit.svg new file mode 100644 index 00000000..37f277da --- /dev/null +++ b/src/assets/svg/tableEdit.svg @@ -0,0 +1,9 @@ + + + 形状 + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableLink.svg b/src/assets/svg/tableLink.svg new file mode 100644 index 00000000..16df9060 --- /dev/null +++ b/src/assets/svg/tableLink.svg @@ -0,0 +1,12 @@ + + + lianjie + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tablePic.svg b/src/assets/svg/tablePic.svg new file mode 100644 index 00000000..5c2dd277 --- /dev/null +++ b/src/assets/svg/tablePic.svg @@ -0,0 +1,12 @@ + + + tuwen + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tablePingGu.svg b/src/assets/svg/tablePingGu.svg new file mode 100644 index 00000000..6ea9377a --- /dev/null +++ b/src/assets/svg/tablePingGu.svg @@ -0,0 +1,12 @@ + + + pinggu + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableScrom.svg b/src/assets/svg/tableScrom.svg new file mode 100644 index 00000000..984a60bc --- /dev/null +++ b/src/assets/svg/tableScrom.svg @@ -0,0 +1,11 @@ + + + wj-wjj + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableVideo.svg b/src/assets/svg/tableVideo.svg new file mode 100644 index 00000000..8da43ba5 --- /dev/null +++ b/src/assets/svg/tableVideo.svg @@ -0,0 +1,12 @@ + + + shipinwenjian + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/tableWork.svg b/src/assets/svg/tableWork.svg new file mode 100644 index 00000000..9b11b9d9 --- /dev/null +++ b/src/assets/svg/tableWork.svg @@ -0,0 +1,12 @@ + + + zuoye + + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/up.svg b/src/assets/svg/up.svg new file mode 100644 index 00000000..ebf13a94 --- /dev/null +++ b/src/assets/svg/up.svg @@ -0,0 +1,9 @@ + + + 三角形备份 4 + + + + + + diff --git a/src/assets/svg/video.svg b/src/assets/svg/video.svg new file mode 100644 index 00000000..cead89bf --- /dev/null +++ b/src/assets/svg/video.svg @@ -0,0 +1,11 @@ + + + luzhishipin + + + + + + + + \ No newline at end of file diff --git a/src/assets/svg/work.svg b/src/assets/svg/work.svg new file mode 100644 index 00000000..63325398 --- /dev/null +++ b/src/assets/svg/work.svg @@ -0,0 +1,11 @@ + + + lianjiex 3 + + + + + + + + \ No newline at end of file diff --git a/src/hooks/useCourseData.js b/src/hooks/useCourseData.js index 5ea6839b..dcb294eb 100644 --- a/src/hooks/useCourseData.js +++ b/src/hooks/useCourseData.js @@ -38,7 +38,7 @@ export function useCourseData() { showDialog: false, classId: "", }); - + // 课程列表数据 const courseList = ref([ { @@ -60,51 +60,51 @@ export function useCourseData() { const courseActionButtons = [ { label: "添加视频", - icon: "", + icon: "video", fun: "addVideo", }, { label: "添加音频", - icon: "", + icon: "audio", fun: "addAudio", }, { label: "添加文档", - icon: "", + icon: "doc", fun: "addDocument", }, { label: "添加图文", - icon: "", + icon: "pic", fun: "addImageText", }, { label: "外部链接", - icon: "", + icon: "link", fun: "addExternalLink", }, { label: "SCORM", - icon: "", + icon: "scorm", fun: "addScorm", }, { label: "添加考试", - icon: "", + icon: "kaoshi", fun: "addExam", }, { label: "添加作业", - icon: "", + icon: "work", fun: "addHomework", }, { label: "添加评估", - icon: "", + icon: "pinggu", fun: "addAssessment", }, ]; - + // 添加章 const addChapter = () => { courseList.value.push({ @@ -119,4 +119,4 @@ export function useCourseData() { courseActionButtons, addChapter, }; -} \ No newline at end of file +} diff --git a/src/views/courselibrary/components/createCourse.vue b/src/views/courselibrary/components/createCourse.vue index 796c1a29..192643d7 100644 --- a/src/views/courselibrary/components/createCourse.vue +++ b/src/views/courselibrary/components/createCourse.vue @@ -16,6 +16,8 @@ import ScormComp from "@/components/CreatedCourse/preview/ScormComp.vue"; import PaperComp from "@/components/CreatedCourse/preview/PaperComp.vue"; import HomeWorkComp from "@/components/CreatedCourse/preview/HomeWorkComp.vue"; import AccessComp from "@/components/CreatedCourse/preview/AccessComp.vue"; +import SvgIcon from "@/components/SvgIcon.vue"; +import { Plus } from "@element-plus/icons-vue"; defineOptions({ name: "CreateCourse", }); @@ -242,13 +244,13 @@ const handleNext = () => { - 课程名称 + 课程名称 创建时间:{{ courseMetadata.createTime }} - 添加章 - 顺序学习 + 添加章 + 顺序学习 @@ -267,6 +269,7 @@ const handleNext = () => { plain @click="executeCourseOperation(btn.fun, index)" > + {{ btn.label }} @@ -350,8 +353,7 @@ const handleNext = () => {