diff --git a/.env.development b/.env.development index c581825..b10b50c 100644 --- a/.env.development +++ b/.env.development @@ -7,6 +7,8 @@ VITE_APP_ENV = 'development' # AIx融合数字管理系统/开发环境 VITE_APP_BASE_API = '/dev-api' +VITE_APP_DOMAIN = 'file.ysaix.com' + VITE_APP_UPLOAD_API = 'http://192.168.2.52:7863' VITE_APP_RES_FILE_PATH = 'https://file.ysaix.com:7868/src/assets/textbook/booktxt/' diff --git a/.env.production b/.env.production index 380f9d6..993cace 100644 --- a/.env.production +++ b/.env.production @@ -7,6 +7,8 @@ VITE_APP_ENV = 'production' # AIx融合数字管理系统/生产环境 VITE_APP_BASE_API = 'https://file.ysaix.com:7868/prod-api' +VITE_APP_DOMAIN = 'file.ysaix.com' + VITE_APP_UPLOAD_API = 'https://file.ysaix.com:7868/prod-api' # 是否在打包时开启压缩,支持 gzip 和 brotli diff --git a/electron.vite.config.mjs b/electron.vite.config.mjs index 9b9c503..c48cc00 100644 --- a/electron.vite.config.mjs +++ b/electron.vite.config.mjs @@ -24,8 +24,8 @@ export default defineConfig({ server: { proxy: { '/dev-api': { - // target: 'http://27.128.240.72:7865', - target: 'http://192.168.2.52:7863', + target: 'http://27.128.240.72:7865', + // target: 'http://192.168.2.52:7863', changeOrigin: true, rewrite: (p) => p.replace(/^\/dev-api/, '') } diff --git a/package.json b/package.json index 4894dc7..99b4789 100644 --- a/package.json +++ b/package.json @@ -25,6 +25,7 @@ "@element-plus/icons-vue": "^2.3.1", "@vitejs/plugin-vue-jsx": "^4.0.0", "@vueuse/core": "^10.11.0", + "cropperjs": "^1.6.2", "crypto-js": "^4.2.0", "electron-dl-manager": "^3.0.0", "electron-log": "^5.1.7", @@ -39,7 +40,6 @@ "pinia": "^2.1.7", "pinia-plugin-persistedstate": "^3.2.1", "spark-md5": "^3.0.2", - "vue-cropper": "^1.1.4", "vue-router": "^4.4.0", "xlsx": "^0.18.5" }, diff --git a/src/main/index.js b/src/main/index.js index 96a98b0..ca7c16c 100644 --- a/src/main/index.js +++ b/src/main/index.js @@ -108,8 +108,6 @@ let linkWindow async function createLinkWin(data) { if (linkWindow) return linkWindow = new BrowserWindow({ - width: 650, - height: 500, show: false, frame: true, maximizable: true, @@ -118,7 +116,7 @@ async function createLinkWin(data) { webPreferences: { sandbox: false, nodeIntegration: true, - worldSafeExecuteJavaScript: true, + worldSafeExecuteJavaScript: true, contextIsolation: true } }) @@ -171,7 +169,7 @@ app.on('ready', () => { } if (mainWindow) { mainWindow.close() // 先发出这个关闭指令 - setTimeout(() => { // + setTimeout(() => { // mainWindow.destroy() }, 200); } @@ -211,7 +209,7 @@ app.on('ready', () => { // 打开-登录窗口 createLoginWindow() - + app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createLoginWindow() }) diff --git a/src/renderer/src/api/subject/index.js b/src/renderer/src/api/subject/index.js index 127416a..3e7c614 100644 --- a/src/renderer/src/api/subject/index.js +++ b/src/renderer/src/api/subject/index.js @@ -9,7 +9,6 @@ export const listEvaluation = (params)=> { }) } - export const addFileToPrepare = (params) => { return request({ url: '/smarttalk/file/addFileToPrepare', @@ -17,3 +16,4 @@ export const addFileToPrepare = (params) => { params }) } + diff --git a/src/renderer/src/api/teaching/classwork.js b/src/renderer/src/api/teaching/classwork.js new file mode 100644 index 0000000..caeea2d --- /dev/null +++ b/src/renderer/src/api/teaching/classwork.js @@ -0,0 +1,19 @@ +import request from '@/utils/request' + +// 查询classwork列表 +export function homeworklist(params) { + return request({ + url: '/education/classwork/list', + method: 'get', + params + }) +} + +// 查询entpcourse列表 +export function listEntpcourse(query) { + return request({ + url: '/education/entpcourse/list', + method: 'get', + params: query + }) +} \ No newline at end of file diff --git a/src/renderer/src/assets/iconfont/demo.css b/src/renderer/src/assets/iconfont/demo.css new file mode 100644 index 0000000..a67054a --- /dev/null +++ b/src/renderer/src/assets/iconfont/demo.css @@ -0,0 +1,539 @@ +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); +} + +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* tabs */ +.nav-tabs { + position: relative; +} + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; +} + +.main .logo a { + font-size: 160px; + color: #333; +} + +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; +} + +.icon_lists { + width: 100% !important; + overflow: hidden; + *zoom: 1; +} + +.icon_lists li { + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; +} + +.icon_lists li .code-name { + line-height: 1.2; +} + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { + font-size: 100px; +} + +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时,垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} + +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} + +/* markdown 样式 */ +.markdown { + color: #666; + font-size: 14px; + line-height: 1.8; +} + +.highlight { + line-height: 1.5; +} + +.markdown img { + vertical-align: middle; + max-width: 100%; +} + +.markdown h1 { + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; +} + +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; +} + +.markdown h1 { + font-size: 28px; +} + +.markdown h2 { + font-size: 22px; +} + +.markdown h3 { + font-size: 16px; +} + +.markdown h4 { + font-size: 14px; +} + +.markdown h5 { + font-size: 12px; +} + +.markdown h6 { + font-size: 12px; +} + +.markdown hr { + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; +} + +.markdown p { + margin: 1em 0; +} + +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { + width: 80%; +} + +.markdown ul>li { + list-style: circle; +} + +.markdown>ul li, +.markdown blockquote ul>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown>ul li p, +.markdown>ol li p { + margin: 0.6em 0; +} + +.markdown ol>li { + list-style: decimal; +} + +.markdown>ol li, +.markdown blockquote ol>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown code { + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; +} + +.markdown strong, +.markdown b { + font-weight: 600; +} + +.markdown>table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; +} + +.markdown>table th { + white-space: nowrap; + color: #333; + font-weight: 600; +} + +.markdown>table th, +.markdown>table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; +} + +.markdown>table th { + background: #F7F7F7; +} + +.markdown blockquote { + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; +} + +.markdown blockquote p { + margin: 0; +} + +.markdown .anchor { + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; +} + +.markdown .waiting { + color: #ccc; +} + +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + opacity: 1; + display: inline-block; +} + +.markdown>br, +.markdown>p>br { + clear: both; +} + + +.hljs { + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; +} + +.hljs-comment, +.hljs-meta { + color: #969896; +} + +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-strong, +.hljs-emphasis, +.hljs-quote { + color: #df5000; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #a71d5d; +} + +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute { + color: #0086b3; +} + +.hljs-section, +.hljs-name { + color: #63a35c; +} + +.hljs-tag { + color: #333333; +} + +.hljs-title, +.hljs-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #795da3; +} + +.hljs-addition { + color: #55a532; + background-color: #eaffea; +} + +.hljs-deletion { + color: #bd2c00; + background-color: #ffecec; +} + +.hljs-link { + text-decoration: underline; +} + +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/src/renderer/src/assets/iconfont/demo_index.html b/src/renderer/src/assets/iconfont/demo_index.html new file mode 100644 index 0000000..2d28214 --- /dev/null +++ b/src/renderer/src/assets/iconfont/demo_index.html @@ -0,0 +1,3961 @@ + + + + + iconfont Demo + + + + + + + + + + + + + +
+

+ + +

+ +
+
+
    + +
  • + +
    教材
    +
    
    +
  • + +
  • + +
    +
    
    +
  • + +
  • + +
    教材选择
    +
    
    +
  • + +
  • + +
    组织框架
    +
    
    +
  • + +
  • + +
    教材
    +
    
    +
  • + +
  • + +
    在线考试
    +
    
    +
  • + +
  • + +
    目标绘制
    +
    
    +
  • + +
  • + +
    图谱数据源
    +
    
    +
  • + +
  • + +
    目标
    +
    
    +
  • + +
  • + +
    知识图谱
    +
    
    +
  • + +
  • + +
    图谱
    +
    
    +
  • + +
  • + +
    中文文献
    +
    
    +
  • + +
  • + +
    图谱
    +
    
    +
  • + +
  • + +
    框架
    +
    
    +
  • + +
  • + +
    文献
    +
    
    +
  • + +
  • + +
    122-图谱
    +
    
    +
  • + +
  • + +
    图谱
    +
    
    +
  • + +
  • + +
    图谱
    +
    
    +
  • + +
  • + +
    组织框架
    +
    
    +
  • + +
  • + +
    图谱
    +
    
    +
  • + +
  • + +
    考试 (1)
    +
    
    +
  • + +
  • + +
    反馈
    +
    
    +
  • + +
  • + +
    题库
    +
    
    +
  • + +
  • + +
    ldc-position
    +
    
    +
  • + +
  • + +
    素材
    +
    
    +
  • + +
  • + +
    朋友
    +
    
    +
  • + +
  • + +
    作业
    +
    
    +
  • + +
  • + +
    教学分析
    +
    
    +
  • + +
  • + +
    文件夹
    +
    
    +
  • + +
  • + +
    教学研修
    +
    
    +
  • + +
  • + +
    教学设计
    +
    
    +
  • + +
  • + +
    专业资源库
    +
    
    +
  • + +
  • + +
    朋友圈
    +
    
    +
  • + +
  • + +
    当前会话
    +
    
    +
  • + +
  • + +
    研究室
    +
    
    +
  • + +
  • + +
    工作台
    +
    
    +
  • + +
  • + +
    论文
    +
    
    +
  • + +
  • + +
    德诚_线上学习001
    +
    
    +
  • + +
  • + +
    集体备课
    +
    
    +
  • + +
  • + +
    课题
    +
    
    +
  • + +
  • + +
    朋友圈
    +
    
    +
  • + +
  • + +
    备课
    +
    
    +
  • + +
  • + +
    share
    +
    
    +
  • + +
  • + +
    227注册、添加好友
    +
    
    +
  • + +
  • + +
    场景灵活
    +
    
    +
  • + +
  • + +
    业务开展
    +
    
    +
  • + +
  • + +
    反馈
    +
    
    +
  • + +
  • + +
    设置
    +
    
    +
  • + +
  • + +
    查阅
    +
    
    +
  • + +
  • + +
    报告
    +
    
    +
  • + +
  • + +
    学科组合
    +
    
    +
  • + +
  • + +
    分享
    +
    
    +
  • + +
  • + +
    通知中心
    +
    
    +
  • + +
  • + +
    下架
    +
    
    +
  • + +
  • + +
    生产过程管理
    +
    
    +
  • + +
  • + +
    课件
    +
    
    +
  • + +
  • + +
    浏览
    +
    
    +
  • + +
  • + +
    发表
    +
    
    +
  • + +
  • + +
    课程
    +
    
    +
  • + +
  • + +
    编辑
    +
    
    +
  • + +
  • + +
    评价
    +
    
    +
  • + +
  • + +
    综合诊断
    +
    
    +
  • + +
  • + +
    班级
    +
    
    +
  • + +
  • + +
    投诉与建议
    +
    
    +
  • + +
  • + +
    交流
    +
    
    +
  • + +
  • + +
    评议
    +
    
    +
  • + +
  • + +
    学情分析
    +
    
    +
  • + +
  • + +
    check
    +
    
    +
  • + +
  • + +
    upload
    +
    
    +
  • + +
  • + +
    讨论
    +
    
    +
  • + +
  • + +
    途径
    +
    
    +
  • + +
  • + +
    咨询
    +
    
    +
  • + +
  • + +
    浏览
    +
    
    +
  • + +
  • + +
    要素
    +
    
    +
  • + +
  • + +
    报告
    +
    
    +
  • + +
  • + +
    收藏
    +
    
    +
  • + +
  • + +
    审核
    +
    
    +
  • + +
  • + +
    w_多选题
    +
    
    +
  • + +
  • + +
    分析
    +
    
    +
  • + +
  • + +
    kanshu
    +
    
    +
  • + +
  • + +
    上传
    +
    
    +
  • + +
  • + +
    检查
    +
    
    +
  • + +
  • + +
    群组
    +
    
    +
  • + +
  • + +
    作品
    +
    
    +
  • + +
  • + +
    数译_教学管理
    +
    
    +
  • + +
  • + +
    liangsuan
    +
    
    +
  • + +
  • + +
    business-report
    +
    
    +
  • + +
  • + +
    项目评审
    +
    
    +
  • + +
  • + +
    项目申报
    +
    
    +
  • + +
  • + +
    下架
    +
    
    +
  • + +
  • + +
    分享 2
    +
    
    +
  • + +
  • + +
    考试分析
    +
    
    +
  • + +
  • + +
    课堂实录 1
    +
    
    +
  • + +
  • + +
    图标_模式类型配置
    +
    
    +
  • + +
  • + +
    写作-copy
    +
    
    +
  • + +
  • + +
    布置-copy
    +
    
    +
  • + +
  • + +
    资源分析
    +
    
    +
  • + +
  • + +
    收藏
    +
    
    +
  • + +
  • + +
    题目数量
    +
    
    +
  • + +
  • + +
    PPT
    +
    
    +
  • + +
  • + +
    发表论文
    +
    
    +
  • + +
  • + +
    写作
    +
    
    +
  • + +
  • + +
    粮食动态决策分析系统
    +
    
    +
  • + +
  • + +
    课程资源
    +
    
    +
  • + +
  • + +
    作业平台
    +
    
    +
  • + +
  • + +
    结课标准-笔记数
    +
    
    +
  • + +
  • + +
    勋章
    +
    
    +
  • + +
  • + +
    教材征订
    +
    
    +
  • + +
  • + +
    新增模型
    +
    
    +
  • + +
  • + +
    表彰勋章英雄
    +
    
    +
  • + +
  • + +
    勋章
    +
    
    +
  • + +
  • + +
    237拍照-线性
    +
    
    +
  • + +
  • + +
    主页未选
    +
    
    +
  • + +
  • + +
    作业
    +
    
    +
  • + +
  • + +
    更多
    +
    
    +
  • + +
  • + +
    互动
    +
    
    +
  • + +
  • + +
    橡皮擦
    +
    
    +
  • + +
  • + +
    更多
    +
    
    +
  • + +
  • + +
    聚焦
    +
    
    +
  • + +
  • + +
    画笔
    +
    
    +
  • + +
  • + +
    28D鼠标箭头-copy
    +
    
    +
  • + +
  • + +
    下一页
    +
    
    +
  • + +
  • + +
    上一页
    +
    
    +
  • + +
  • + +
    双页
    +
    
    +
  • + +
  • + +
    单页模板
    +
    
    +
  • + +
  • + +
    铃铛
    +
    
    +
  • + +
  • + +
    移动到组
    +
    
    +
  • + +
  • + +
    删除
    +
    
    +
  • + +
  • + +
    下载
    +
    
    +
  • + +
  • + +
    编辑
    +
    
    +
  • + +
  • + +
    云文件-
    +
    
    +
  • + +
  • + +
    avi
    +
    
    +
  • + +
  • + +
    access
    +
    
    +
  • + +
  • + +
    docx
    +
    
    +
  • + +
  • + +
    folder
    +
    
    +
  • + +
  • + +
    excel
    +
    
    +
  • + +
  • + +
    gif
    +
    
    +
  • + +
  • + +
    jpeg
    +
    
    +
  • + +
  • + +
    jpg
    +
    
    +
  • + +
  • + +
    mp3
    +
    
    +
  • + +
  • + +
    mov
    +
    
    +
  • + +
  • + +
    pdf
    +
    
    +
  • + +
  • + +
    ppt
    +
    
    +
  • + +
  • + +
    papers
    +
    
    +
  • + +
  • + +
    pptx
    +
    
    +
  • + +
  • + +
    psd
    +
    
    +
  • + +
  • + +
    rar
    +
    
    +
  • + +
  • + +
    txt
    +
    
    +
  • + +
  • + +
    zip
    +
    
    +
  • + +
  • + +
    video
    +
    
    +
  • + +
  • + +
    xlsx
    +
    
    +
  • + +
  • + +
    png
    +
    
    +
  • + +
  • + +
    word
    +
    
    +
  • + +
  • + +
    省略号
    +
    
    +
  • + +
  • + +
    加号
    +
    
    +
  • + +
  • + +
    关闭
    +
    
    +
  • + +
  • + +
    向右
    +
    
    +
  • + +
  • + +
    讲课
    +
    
    +
  • + +
  • + +
    教学资源
    +
    
    +
  • + +
  • + +
    备课
    +
    
    +
  • + +
  • + +
    最大化
    +
    
    +
  • + +
  • + +
    窗口-最大化_line
    +
    
    +
  • + +
  • + +
    最小化
    +
    
    +
  • + +
  • + +
    关闭
    +
    
    +
  • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式,特点是:

+
    +
  • 支持按字体的方式去动态调整图标大小,颜色等等。
  • +
  • 默认情况下不支持多色,直接添加多色图标会自动去色。
  • +
+
+

注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)

+
+

Unicode 使用步骤如下:

+

第一步:拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.woff2?t=1722393125520') format('woff2'),
+       url('iconfont.woff?t=1722393125520') format('woff'),
+       url('iconfont.ttf?t=1722393125520') format('truetype'),
+       url('iconfont.svg?t=1722393125520#iconfont') format('svg');
+}
+
+

第二步:定义使用 iconfont 的样式

+
.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步:挑选相应图标并获取字体编码,应用于页面

+
+<span class="iconfont">&#x33;</span>
+
+
+

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + 教材 +
    +
    .icon-icon +
    +
  • + +
  • + +
    + 课 +
    +
    .icon-ke +
    +
  • + +
  • + +
    + 教材选择 +
    +
    .icon-jiaocaixuanze +
    +
  • + +
  • + +
    + 组织框架 +
    +
    .icon-organization-framework-line +
    +
  • + +
  • + +
    + 教材 +
    +
    .icon-jiaocai +
    +
  • + +
  • + +
    + 在线考试 +
    +
    .icon-zaixiankaoshi +
    +
  • + +
  • + +
    + 目标绘制 +
    +
    .icon-mubiaohuizhi +
    +
  • + +
  • + +
    + 图谱数据源 +
    +
    .icon-tupushujuyuan +
    +
  • + +
  • + +
    + 目标 +
    +
    .icon-mubiao +
    +
  • + +
  • + +
    + 知识图谱 +
    +
    .icon-zhishitupu +
    +
  • + +
  • + +
    + 图谱 +
    +
    .icon-tupu +
    +
  • + +
  • + +
    + 中文文献 +
    +
    .icon-zhongwenwenxian +
    +
  • + +
  • + +
    + 图谱 +
    +
    .icon-tupu1 +
    +
  • + +
  • + +
    + 框架 +
    +
    .icon-kuangjia +
    +
  • + +
  • + +
    + 文献 +
    +
    .icon-wenxian +
    +
  • + +
  • + +
    + 122-图谱 +
    +
    .icon-tupu-01 +
    +
  • + +
  • + +
    + 图谱 +
    +
    .icon-tupu2 +
    +
  • + +
  • + +
    + 图谱 +
    +
    .icon-tupu3 +
    +
  • + +
  • + +
    + 组织框架 +
    +
    .icon-zuzhikuangjia +
    +
  • + +
  • + +
    + 图谱 +
    +
    .icon-tupu4 +
    +
  • + +
  • + +
    + 考试 (1) +
    +
    .icon-a-kaoshi1 +
    +
  • + +
  • + +
    + 反馈 +
    +
    .icon-fankui +
    +
  • + +
  • + +
    + 题库 +
    +
    .icon-tiku +
    +
  • + +
  • + +
    + ldc-position +
    +
    .icon-ldc-position +
    +
  • + +
  • + +
    + 素材 +
    +
    .icon-sucai +
    +
  • + +
  • + +
    + 朋友 +
    +
    .icon-pengyou +
    +
  • + +
  • + +
    + 作业 +
    +
    .icon-zuoye +
    +
  • + +
  • + +
    + 教学分析 +
    +
    .icon-jiaoxuefenxi +
    +
  • + +
  • + +
    + 文件夹 +
    +
    .icon-wenjianjia +
    +
  • + +
  • + +
    + 教学研修 +
    +
    .icon-jiaoxueyanxiu +
    +
  • + +
  • + +
    + 教学设计 +
    +
    .icon-jiaoxuesheji +
    +
  • + +
  • + +
    + 专业资源库 +
    +
    .icon-zhuanyeziyuanku +
    +
  • + +
  • + +
    + 朋友圈 +
    +
    .icon-pengyouquan +
    +
  • + +
  • + +
    + 当前会话 +
    +
    .icon-dangqianhuihua +
    +
  • + +
  • + +
    + 研究室 +
    +
    .icon-yanjiushi +
    +
  • + +
  • + +
    + 工作台 +
    +
    .icon-gongzuotai +
    +
  • + +
  • + +
    + 论文 +
    +
    .icon-lunwen +
    +
  • + +
  • + +
    + 德诚_线上学习001 +
    +
    .icon-decheng_xianshangxuexi +
    +
  • + +
  • + +
    + 集体备课 +
    +
    .icon-jitibeike- +
    +
  • + +
  • + +
    + 课题 +
    +
    .icon-keti +
    +
  • + +
  • + +
    + 朋友圈 +
    +
    .icon-pengyouquan1 +
    +
  • + +
  • + +
    + 备课 +
    +
    .icon-beike1 +
    +
  • + +
  • + +
    + share +
    +
    .icon-fenxiang +
    +
  • + +
  • + +
    + 227注册、添加好友 +
    +
    .icon-zhucetianjiahaoyou +
    +
  • + +
  • + +
    + 场景灵活 +
    +
    .icon-duoqudaojicheng +
    +
  • + +
  • + +
    + 业务开展 +
    +
    .icon-yewukaizhan +
    +
  • + +
  • + +
    + 反馈 +
    +
    .icon-fankui1 +
    +
  • + +
  • + +
    + 设置 +
    +
    .icon-shezhi +
    +
  • + +
  • + +
    + 查阅 +
    +
    .icon-chayue +
    +
  • + +
  • + +
    + 报告 +
    +
    .icon-baogao +
    +
  • + +
  • + +
    + 学科组合 +
    +
    .icon-xuekezuhe +
    +
  • + +
  • + +
    + 分享 +
    +
    .icon-fenxiang1 +
    +
  • + +
  • + +
    + 通知中心 +
    +
    .icon-tongzhizhongxin +
    +
  • + +
  • + +
    + 下架 +
    +
    .icon-xiajia +
    +
  • + +
  • + +
    + 生产过程管理 +
    +
    .icon-shengchanguochengguanli +
    +
  • + +
  • + +
    + 课件 +
    +
    .icon-kejian +
    +
  • + +
  • + +
    + 浏览 +
    +
    .icon-liulan +
    +
  • + +
  • + +
    + 发表 +
    +
    .icon-fabiao +
    +
  • + +
  • + +
    + 课程 +
    +
    .icon-kecheng +
    +
  • + +
  • + +
    + 编辑 +
    +
    .icon-bianji1 +
    +
  • + +
  • + +
    + 评价 +
    +
    .icon-pingjia +
    +
  • + +
  • + +
    + 综合诊断 +
    +
    .icon-zonghezhenduan +
    +
  • + +
  • + +
    + 班级 +
    +
    .icon-banji +
    +
  • + +
  • + +
    + 投诉与建议 +
    +
    .icon-tousuyujianyi +
    +
  • + +
  • + +
    + 交流 +
    +
    .icon-jiaoliu +
    +
  • + +
  • + +
    + 评议 +
    +
    .icon-pingyi +
    +
  • + +
  • + +
    + 学情分析 +
    +
    .icon-xueqingfenxi +
    +
  • + +
  • + +
    + check +
    +
    .icon-check +
    +
  • + +
  • + +
    + upload +
    +
    .icon-upload +
    +
  • + +
  • + +
    + 讨论 +
    +
    .icon-taolun +
    +
  • + +
  • + +
    + 途径 +
    +
    .icon-tujing +
    +
  • + +
  • + +
    + 咨询 +
    +
    .icon-zixun +
    +
  • + +
  • + +
    + 浏览 +
    +
    .icon-liulan1 +
    +
  • + +
  • + +
    + 要素 +
    +
    .icon-yaosu +
    +
  • + +
  • + +
    + 报告 +
    +
    .icon-baogao1 +
    +
  • + +
  • + +
    + 收藏 +
    +
    .icon-shoucang +
    +
  • + +
  • + +
    + 审核 +
    +
    .icon-shenhe +
    +
  • + +
  • + +
    + w_多选题 +
    +
    .icon-w_duoxuanti +
    +
  • + +
  • + +
    + 分析 +
    +
    .icon-fenxi +
    +
  • + +
  • + +
    + kanshu +
    +
    .icon-kanshu +
    +
  • + +
  • + +
    + 上传 +
    +
    .icon-qwe +
    +
  • + +
  • + +
    + 检查 +
    +
    .icon-jiancha +
    +
  • + +
  • + +
    + 群组 +
    +
    .icon-qunzu +
    +
  • + +
  • + +
    + 作品 +
    +
    .icon-zuopin +
    +
  • + +
  • + +
    + 数译_教学管理 +
    +
    .icon-shuyi_jiaoxueguanli +
    +
  • + +
  • + +
    + liangsuan +
    +
    .icon-liangsuan +
    +
  • + +
  • + +
    + business-report +
    +
    .icon-business-report +
    +
  • + +
  • + +
    + 项目评审 +
    +
    .icon-xiangmupingshen +
    +
  • + +
  • + +
    + 项目申报 +
    +
    .icon-xiangmushenbao +
    +
  • + +
  • + +
    + 下架 +
    +
    .icon-xiajia1 +
    +
  • + +
  • + +
    + 分享 2 +
    +
    .icon-a-fenxiang2 +
    +
  • + +
  • + +
    + 考试分析 +
    +
    .icon-icon_kaoshifenxi +
    +
  • + +
  • + +
    + 课堂实录 1 +
    +
    .icon-a-ketangshilu1 +
    +
  • + +
  • + +
    + 图标_模式类型配置 +
    +
    .icon-tubiao_moshileixingpeizhi +
    +
  • + +
  • + +
    + 写作-copy +
    +
    .icon-xiezuo +
    +
  • + +
  • + +
    + 布置-copy +
    +
    .icon-buzhi +
    +
  • + +
  • + +
    + 资源分析 +
    +
    .icon-ziyuanfenxi +
    +
  • + +
  • + +
    + 收藏 +
    +
    .icon-shoucang1 +
    +
  • + +
  • + +
    + 题目数量 +
    +
    .icon-iconku-zhuanqu- +
    +
  • + +
  • + +
    + PPT +
    +
    .icon-PPT +
    +
  • + +
  • + +
    + 发表论文 +
    +
    .icon-fabiaolunwen +
    +
  • + +
  • + +
    + 写作 +
    +
    .icon-xiezuo1 +
    +
  • + +
  • + +
    + 粮食动态决策分析系统 +
    +
    .icon-fenxi1 +
    +
  • + +
  • + +
    + 课程资源 +
    +
    .icon-kechengziyuan +
    +
  • + +
  • + +
    + 作业平台 +
    +
    .icon-36zuoyepingtai +
    +
  • + +
  • + +
    + 结课标准-笔记数 +
    +
    .icon-jiekebiaozhunbijishu +
    +
  • + +
  • + +
    + 勋章 +
    +
    .icon-xunzhang +
    +
  • + +
  • + +
    + 教材征订 +
    +
    .icon-jiaocaizhengding +
    +
  • + +
  • + +
    + 新增模型 +
    +
    .icon-xinzengmoxing +
    +
  • + +
  • + +
    + 表彰勋章英雄 +
    +
    .icon-a-biaozhangxunzhangyingxiong +
    +
  • + +
  • + +
    + 勋章 +
    +
    .icon-xunzhang1 +
    +
  • + +
  • + +
    + 237拍照-线性 +
    +
    .icon-paizhao-xianxing +
    +
  • + +
  • + +
    + 主页未选 +
    +
    .icon-zhuye2 +
    +
  • + +
  • + +
    + 作业 +
    +
    .icon-zuoye1 +
    +
  • + +
  • + +
    + 更多 +
    +
    .icon-xiazai9 +
    +
  • + +
  • + +
    + 互动 +
    +
    .icon-hudong +
    +
  • + +
  • + +
    + 橡皮擦 +
    +
    .icon-xiangpica +
    +
  • + +
  • + +
    + 更多 +
    +
    .icon-gengduo +
    +
  • + +
  • + +
    + 聚焦 +
    +
    .icon-jujiao +
    +
  • + +
  • + +
    + 画笔 +
    +
    .icon-huabi +
    +
  • + +
  • + +
    + 28D鼠标箭头-copy +
    +
    .icon-mouse +
    +
  • + +
  • + +
    + 下一页 +
    +
    .icon-xiayiye +
    +
  • + +
  • + +
    + 上一页 +
    +
    .icon-shangyiye +
    +
  • + +
  • + +
    + 双页 +
    +
    .icon-shuangye +
    +
  • + +
  • + +
    + 单页模板 +
    +
    .icon-danyemoban +
    +
  • + +
  • + +
    + 铃铛 +
    +
    .icon-lingdang +
    +
  • + +
  • + +
    + 移动到组 +
    +
    .icon-yidongdaozu +
    +
  • + +
  • + +
    + 删除 +
    +
    .icon-shanchu +
    +
  • + +
  • + +
    + 下载 +
    +
    .icon-xiazai +
    +
  • + +
  • + +
    + 编辑 +
    +
    .icon-bianji +
    +
  • + +
  • + +
    + 云文件- +
    +
    .icon-yunwenjian- +
    +
  • + +
  • + +
    + avi +
    +
    .icon-avi +
    +
  • + +
  • + +
    + access +
    +
    .icon-access +
    +
  • + +
  • + +
    + docx +
    +
    .icon-docx +
    +
  • + +
  • + +
    + folder +
    +
    .icon-folder +
    +
  • + +
  • + +
    + excel +
    +
    .icon-excel +
    +
  • + +
  • + +
    + gif +
    +
    .icon-gif +
    +
  • + +
  • + +
    + jpeg +
    +
    .icon-jpeg +
    +
  • + +
  • + +
    + jpg +
    +
    .icon-jpg +
    +
  • + +
  • + +
    + mp3 +
    +
    .icon-mp +
    +
  • + +
  • + +
    + mov +
    +
    .icon-mov +
    +
  • + +
  • + +
    + pdf +
    +
    .icon-pdf +
    +
  • + +
  • + +
    + ppt +
    +
    .icon-ppt +
    +
  • + +
  • + +
    + papers +
    +
    .icon-papers +
    +
  • + +
  • + +
    + pptx +
    +
    .icon-pptx +
    +
  • + +
  • + +
    + psd +
    +
    .icon-psd +
    +
  • + +
  • + +
    + rar +
    +
    .icon-rar +
    +
  • + +
  • + +
    + txt +
    +
    .icon-txt +
    +
  • + +
  • + +
    + zip +
    +
    .icon-zip +
    +
  • + +
  • + +
    + video +
    +
    .icon-video +
    +
  • + +
  • + +
    + xlsx +
    +
    .icon-xlsx +
    +
  • + +
  • + +
    + png +
    +
    .icon-png +
    +
  • + +
  • + +
    + word +
    +
    .icon-word +
    +
  • + +
  • + +
    + 省略号 +
    +
    .icon-shenglvehao +
    +
  • + +
  • + +
    + 加号 +
    +
    .icon-jiahao +
    +
  • + +
  • + +
    + 关闭 +
    +
    .icon-guanbi +
    +
  • + +
  • + +
    + 向右 +
    +
    .icon-xiangyou +
    +
  • + +
  • + +
    + 讲课 +
    +
    .icon-jiangke1 +
    +
  • + +
  • + +
    + 教学资源 +
    +
    .icon-jiaoxueziyuan +
    +
  • + +
  • + +
    + 备课 +
    +
    .icon-beike +
    +
  • + +
  • + +
    + 最大化 +
    +
    .icon-zuidahua +
    +
  • + +
  • + +
    + 窗口-最大化_line +
    +
    .icon-window-max_line +
    +
  • + +
  • + +
    + 最小化 +
    +
    .icon-zuixiaohua +
    +
  • + +
  • + +
    + 关闭 +
    +
    .icon-close +
    +
  • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

+

与 Unicode 使用方式相比,具有如下特点:

+
    +
  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • +
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
  • +
+

使用步骤如下:

+

第一步:引入项目下面生成的 fontclass 代码:

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步:挑选相应图标并获取类名,应用于页面:

+
<span class="iconfont icon-xxx"></span>
+
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    教材
    +
    #icon-icon
    +
  • + +
  • + +
    +
    #icon-ke
    +
  • + +
  • + +
    教材选择
    +
    #icon-jiaocaixuanze
    +
  • + +
  • + +
    组织框架
    +
    #icon-organization-framework-line
    +
  • + +
  • + +
    教材
    +
    #icon-jiaocai
    +
  • + +
  • + +
    在线考试
    +
    #icon-zaixiankaoshi
    +
  • + +
  • + +
    目标绘制
    +
    #icon-mubiaohuizhi
    +
  • + +
  • + +
    图谱数据源
    +
    #icon-tupushujuyuan
    +
  • + +
  • + +
    目标
    +
    #icon-mubiao
    +
  • + +
  • + +
    知识图谱
    +
    #icon-zhishitupu
    +
  • + +
  • + +
    图谱
    +
    #icon-tupu
    +
  • + +
  • + +
    中文文献
    +
    #icon-zhongwenwenxian
    +
  • + +
  • + +
    图谱
    +
    #icon-tupu1
    +
  • + +
  • + +
    框架
    +
    #icon-kuangjia
    +
  • + +
  • + +
    文献
    +
    #icon-wenxian
    +
  • + +
  • + +
    122-图谱
    +
    #icon-tupu-01
    +
  • + +
  • + +
    图谱
    +
    #icon-tupu2
    +
  • + +
  • + +
    图谱
    +
    #icon-tupu3
    +
  • + +
  • + +
    组织框架
    +
    #icon-zuzhikuangjia
    +
  • + +
  • + +
    图谱
    +
    #icon-tupu4
    +
  • + +
  • + +
    考试 (1)
    +
    #icon-a-kaoshi1
    +
  • + +
  • + +
    反馈
    +
    #icon-fankui
    +
  • + +
  • + +
    题库
    +
    #icon-tiku
    +
  • + +
  • + +
    ldc-position
    +
    #icon-ldc-position
    +
  • + +
  • + +
    素材
    +
    #icon-sucai
    +
  • + +
  • + +
    朋友
    +
    #icon-pengyou
    +
  • + +
  • + +
    作业
    +
    #icon-zuoye
    +
  • + +
  • + +
    教学分析
    +
    #icon-jiaoxuefenxi
    +
  • + +
  • + +
    文件夹
    +
    #icon-wenjianjia
    +
  • + +
  • + +
    教学研修
    +
    #icon-jiaoxueyanxiu
    +
  • + +
  • + +
    教学设计
    +
    #icon-jiaoxuesheji
    +
  • + +
  • + +
    专业资源库
    +
    #icon-zhuanyeziyuanku
    +
  • + +
  • + +
    朋友圈
    +
    #icon-pengyouquan
    +
  • + +
  • + +
    当前会话
    +
    #icon-dangqianhuihua
    +
  • + +
  • + +
    研究室
    +
    #icon-yanjiushi
    +
  • + +
  • + +
    工作台
    +
    #icon-gongzuotai
    +
  • + +
  • + +
    论文
    +
    #icon-lunwen
    +
  • + +
  • + +
    德诚_线上学习001
    +
    #icon-decheng_xianshangxuexi
    +
  • + +
  • + +
    集体备课
    +
    #icon-jitibeike-
    +
  • + +
  • + +
    课题
    +
    #icon-keti
    +
  • + +
  • + +
    朋友圈
    +
    #icon-pengyouquan1
    +
  • + +
  • + +
    备课
    +
    #icon-beike1
    +
  • + +
  • + +
    share
    +
    #icon-fenxiang
    +
  • + +
  • + +
    227注册、添加好友
    +
    #icon-zhucetianjiahaoyou
    +
  • + +
  • + +
    场景灵活
    +
    #icon-duoqudaojicheng
    +
  • + +
  • + +
    业务开展
    +
    #icon-yewukaizhan
    +
  • + +
  • + +
    反馈
    +
    #icon-fankui1
    +
  • + +
  • + +
    设置
    +
    #icon-shezhi
    +
  • + +
  • + +
    查阅
    +
    #icon-chayue
    +
  • + +
  • + +
    报告
    +
    #icon-baogao
    +
  • + +
  • + +
    学科组合
    +
    #icon-xuekezuhe
    +
  • + +
  • + +
    分享
    +
    #icon-fenxiang1
    +
  • + +
  • + +
    通知中心
    +
    #icon-tongzhizhongxin
    +
  • + +
  • + +
    下架
    +
    #icon-xiajia
    +
  • + +
  • + +
    生产过程管理
    +
    #icon-shengchanguochengguanli
    +
  • + +
  • + +
    课件
    +
    #icon-kejian
    +
  • + +
  • + +
    浏览
    +
    #icon-liulan
    +
  • + +
  • + +
    发表
    +
    #icon-fabiao
    +
  • + +
  • + +
    课程
    +
    #icon-kecheng
    +
  • + +
  • + +
    编辑
    +
    #icon-bianji1
    +
  • + +
  • + +
    评价
    +
    #icon-pingjia
    +
  • + +
  • + +
    综合诊断
    +
    #icon-zonghezhenduan
    +
  • + +
  • + +
    班级
    +
    #icon-banji
    +
  • + +
  • + +
    投诉与建议
    +
    #icon-tousuyujianyi
    +
  • + +
  • + +
    交流
    +
    #icon-jiaoliu
    +
  • + +
  • + +
    评议
    +
    #icon-pingyi
    +
  • + +
  • + +
    学情分析
    +
    #icon-xueqingfenxi
    +
  • + +
  • + +
    check
    +
    #icon-check
    +
  • + +
  • + +
    upload
    +
    #icon-upload
    +
  • + +
  • + +
    讨论
    +
    #icon-taolun
    +
  • + +
  • + +
    途径
    +
    #icon-tujing
    +
  • + +
  • + +
    咨询
    +
    #icon-zixun
    +
  • + +
  • + +
    浏览
    +
    #icon-liulan1
    +
  • + +
  • + +
    要素
    +
    #icon-yaosu
    +
  • + +
  • + +
    报告
    +
    #icon-baogao1
    +
  • + +
  • + +
    收藏
    +
    #icon-shoucang
    +
  • + +
  • + +
    审核
    +
    #icon-shenhe
    +
  • + +
  • + +
    w_多选题
    +
    #icon-w_duoxuanti
    +
  • + +
  • + +
    分析
    +
    #icon-fenxi
    +
  • + +
  • + +
    kanshu
    +
    #icon-kanshu
    +
  • + +
  • + +
    上传
    +
    #icon-qwe
    +
  • + +
  • + +
    检查
    +
    #icon-jiancha
    +
  • + +
  • + +
    群组
    +
    #icon-qunzu
    +
  • + +
  • + +
    作品
    +
    #icon-zuopin
    +
  • + +
  • + +
    数译_教学管理
    +
    #icon-shuyi_jiaoxueguanli
    +
  • + +
  • + +
    liangsuan
    +
    #icon-liangsuan
    +
  • + +
  • + +
    business-report
    +
    #icon-business-report
    +
  • + +
  • + +
    项目评审
    +
    #icon-xiangmupingshen
    +
  • + +
  • + +
    项目申报
    +
    #icon-xiangmushenbao
    +
  • + +
  • + +
    下架
    +
    #icon-xiajia1
    +
  • + +
  • + +
    分享 2
    +
    #icon-a-fenxiang2
    +
  • + +
  • + +
    考试分析
    +
    #icon-icon_kaoshifenxi
    +
  • + +
  • + +
    课堂实录 1
    +
    #icon-a-ketangshilu1
    +
  • + +
  • + +
    图标_模式类型配置
    +
    #icon-tubiao_moshileixingpeizhi
    +
  • + +
  • + +
    写作-copy
    +
    #icon-xiezuo
    +
  • + +
  • + +
    布置-copy
    +
    #icon-buzhi
    +
  • + +
  • + +
    资源分析
    +
    #icon-ziyuanfenxi
    +
  • + +
  • + +
    收藏
    +
    #icon-shoucang1
    +
  • + +
  • + +
    题目数量
    +
    #icon-iconku-zhuanqu-
    +
  • + +
  • + +
    PPT
    +
    #icon-PPT
    +
  • + +
  • + +
    发表论文
    +
    #icon-fabiaolunwen
    +
  • + +
  • + +
    写作
    +
    #icon-xiezuo1
    +
  • + +
  • + +
    粮食动态决策分析系统
    +
    #icon-fenxi1
    +
  • + +
  • + +
    课程资源
    +
    #icon-kechengziyuan
    +
  • + +
  • + +
    作业平台
    +
    #icon-36zuoyepingtai
    +
  • + +
  • + +
    结课标准-笔记数
    +
    #icon-jiekebiaozhunbijishu
    +
  • + +
  • + +
    勋章
    +
    #icon-xunzhang
    +
  • + +
  • + +
    教材征订
    +
    #icon-jiaocaizhengding
    +
  • + +
  • + +
    新增模型
    +
    #icon-xinzengmoxing
    +
  • + +
  • + +
    表彰勋章英雄
    +
    #icon-a-biaozhangxunzhangyingxiong
    +
  • + +
  • + +
    勋章
    +
    #icon-xunzhang1
    +
  • + +
  • + +
    237拍照-线性
    +
    #icon-paizhao-xianxing
    +
  • + +
  • + +
    主页未选
    +
    #icon-zhuye2
    +
  • + +
  • + +
    作业
    +
    #icon-zuoye1
    +
  • + +
  • + +
    更多
    +
    #icon-xiazai9
    +
  • + +
  • + +
    互动
    +
    #icon-hudong
    +
  • + +
  • + +
    橡皮擦
    +
    #icon-xiangpica
    +
  • + +
  • + +
    更多
    +
    #icon-gengduo
    +
  • + +
  • + +
    聚焦
    +
    #icon-jujiao
    +
  • + +
  • + +
    画笔
    +
    #icon-huabi
    +
  • + +
  • + +
    28D鼠标箭头-copy
    +
    #icon-mouse
    +
  • + +
  • + +
    下一页
    +
    #icon-xiayiye
    +
  • + +
  • + +
    上一页
    +
    #icon-shangyiye
    +
  • + +
  • + +
    双页
    +
    #icon-shuangye
    +
  • + +
  • + +
    单页模板
    +
    #icon-danyemoban
    +
  • + +
  • + +
    铃铛
    +
    #icon-lingdang
    +
  • + +
  • + +
    移动到组
    +
    #icon-yidongdaozu
    +
  • + +
  • + +
    删除
    +
    #icon-shanchu
    +
  • + +
  • + +
    下载
    +
    #icon-xiazai
    +
  • + +
  • + +
    编辑
    +
    #icon-bianji
    +
  • + +
  • + +
    云文件-
    +
    #icon-yunwenjian-
    +
  • + +
  • + +
    avi
    +
    #icon-avi
    +
  • + +
  • + +
    access
    +
    #icon-access
    +
  • + +
  • + +
    docx
    +
    #icon-docx
    +
  • + +
  • + +
    folder
    +
    #icon-folder
    +
  • + +
  • + +
    excel
    +
    #icon-excel
    +
  • + +
  • + +
    gif
    +
    #icon-gif
    +
  • + +
  • + +
    jpeg
    +
    #icon-jpeg
    +
  • + +
  • + +
    jpg
    +
    #icon-jpg
    +
  • + +
  • + +
    mp3
    +
    #icon-mp
    +
  • + +
  • + +
    mov
    +
    #icon-mov
    +
  • + +
  • + +
    pdf
    +
    #icon-pdf
    +
  • + +
  • + +
    ppt
    +
    #icon-ppt
    +
  • + +
  • + +
    papers
    +
    #icon-papers
    +
  • + +
  • + +
    pptx
    +
    #icon-pptx
    +
  • + +
  • + +
    psd
    +
    #icon-psd
    +
  • + +
  • + +
    rar
    +
    #icon-rar
    +
  • + +
  • + +
    txt
    +
    #icon-txt
    +
  • + +
  • + +
    zip
    +
    #icon-zip
    +
  • + +
  • + +
    video
    +
    #icon-video
    +
  • + +
  • + +
    xlsx
    +
    #icon-xlsx
    +
  • + +
  • + +
    png
    +
    #icon-png
    +
  • + +
  • + +
    word
    +
    #icon-word
    +
  • + +
  • + +
    省略号
    +
    #icon-shenglvehao
    +
  • + +
  • + +
    加号
    +
    #icon-jiahao
    +
  • + +
  • + +
    关闭
    +
    #icon-guanbi
    +
  • + +
  • + +
    向右
    +
    #icon-xiangyou
    +
  • + +
  • + +
    讲课
    +
    #icon-jiangke1
    +
  • + +
  • + +
    教学资源
    +
    #icon-jiaoxueziyuan
    +
  • + +
  • + +
    备课
    +
    #icon-beike
    +
  • + +
  • + +
    最大化
    +
    #icon-zuidahua
    +
  • + +
  • + +
    窗口-最大化_line
    +
    #icon-window-max_line
    +
  • + +
  • + +
    最小化
    +
    #icon-zuixiaohua
    +
  • + +
  • + +
    关闭
    +
    #icon-close
    +
  • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:

+
    +
  • 支持多色图标了,不再受单色限制。
  • +
  • 通过一些技巧,支持像字体那样,通过 font-size, color 来调整样式。
  • +
  • 兼容性较差,支持 IE9+,及现代浏览器。
  • +
  • 浏览器渲染 SVG 的性能一般,还不如 png。
  • +
+

使用步骤如下:

+

第一步:引入项目下面生成的 symbol 代码:

+
<script src="./iconfont.js"></script>
+
+

第二步:加入通用 CSS 代码(引入一次就行):

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步:挑选相应图标并获取类名,应用于页面:

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/src/renderer/src/assets/iconfont/iconfont.css b/src/renderer/src/assets/iconfont/iconfont.css index d4e9d4e..8d07e32 100644 --- a/src/renderer/src/assets/iconfont/iconfont.css +++ b/src/renderer/src/assets/iconfont/iconfont.css @@ -1,9 +1,9 @@ @font-face { font-family: "iconfont"; /* Project id 2794390 */ - src: url('iconfont.woff2?t=1721815727687') format('woff2'), - url('iconfont.woff?t=1721815727687') format('woff'), - url('iconfont.ttf?t=1721815727687') format('truetype'), - url('iconfont.svg?t=1721815727687#iconfont') format('svg'); + src: url('iconfont.woff2?t=1722393125520') format('woff2'), + url('iconfont.woff?t=1722393125520') format('woff'), + url('iconfont.ttf?t=1722393125520') format('truetype'), + url('iconfont.svg?t=1722393125520#iconfont') format('svg'); } .iconfont { @@ -14,6 +14,462 @@ -moz-osx-font-smoothing: grayscale; } +.icon-icon:before { + content: "\e640"; +} + +.icon-ke:before { + content: "\e641"; +} + +.icon-jiaocaixuanze:before { + content: "\e642"; +} + +.icon-organization-framework-line:before { + content: "\e9fe"; +} + +.icon-jiaocai:before { + content: "\e67b"; +} + +.icon-zaixiankaoshi:before { + content: "\e643"; +} + +.icon-mubiaohuizhi:before { + content: "\e652"; +} + +.icon-tupushujuyuan:before { + content: "\e653"; +} + +.icon-mubiao:before { + content: "\e723"; +} + +.icon-zhishitupu:before { + content: "\e644"; +} + +.icon-tupu:before { + content: "\f48c"; +} + +.icon-zhongwenwenxian:before { + content: "\e645"; +} + +.icon-tupu1:before { + content: "\e952"; +} + +.icon-kuangjia:before { + content: "\e6ea"; +} + +.icon-wenxian:before { + content: "\e7b6"; +} + +.icon-tupu-01:before { + content: "\e679"; +} + +.icon-tupu2:before { + content: "\e69c"; +} + +.icon-tupu3:before { + content: "\e6a7"; +} + +.icon-zuzhikuangjia:before { + content: "\e646"; +} + +.icon-tupu4:before { + content: "\e6d5"; +} + +.icon-a-kaoshi1:before { + content: "\eb13"; +} + +.icon-fankui:before { + content: "\e738"; +} + +.icon-tiku:before { + content: "\e621"; +} + +.icon-ldc-position:before { + content: "\e63a"; +} + +.icon-sucai:before { + content: "\e620"; +} + +.icon-pengyou:before { + content: "\e61a"; +} + +.icon-zuoye:before { + content: "\e61c"; +} + +.icon-jiaoxuefenxi:before { + content: "\e605"; +} + +.icon-wenjianjia:before { + content: "\ec17"; +} + +.icon-jiaoxueyanxiu:before { + content: "\e60d"; +} + +.icon-jiaoxuesheji:before { + content: "\e606"; +} + +.icon-zhuanyeziyuanku:before { + content: "\e651"; +} + +.icon-pengyouquan:before { + content: "\e616"; +} + +.icon-dangqianhuihua:before { + content: "\e675"; +} + +.icon-yanjiushi:before { + content: "\e607"; +} + +.icon-gongzuotai:before { + content: "\e676"; +} + +.icon-lunwen:before { + content: "\e60e"; +} + +.icon-decheng_xianshangxuexi:before { + content: "\e624"; +} + +.icon-jitibeike-:before { + content: "\e65b"; +} + +.icon-keti:before { + content: "\e6fe"; +} + +.icon-pengyouquan1:before { + content: "\e635"; +} + +.icon-beike1:before { + content: "\e61b"; +} + +.icon-fenxiang:before { + content: "\e611"; +} + +.icon-zhucetianjiahaoyou:before { + content: "\e8ca"; +} + +.icon-duoqudaojicheng:before { + content: "\e696"; +} + +.icon-yewukaizhan:before { + content: "\e612"; +} + +.icon-fankui1:before { + content: "\e6fa"; +} + +.icon-shezhi:before { + content: "\e614"; +} + +.icon-chayue:before { + content: "\e617"; +} + +.icon-baogao:before { + content: "\e630"; +} + +.icon-xuekezuhe:before { + content: "\e625"; +} + +.icon-fenxiang1:before { + content: "\eb24"; +} + +.icon-tongzhizhongxin:before { + content: "\eb43"; +} + +.icon-xiajia:before { + content: "\e618"; +} + +.icon-shengchanguochengguanli:before { + content: "\e62a"; +} + +.icon-kejian:before { + content: "\e64a"; +} + +.icon-liulan:before { + content: "\e648"; +} + +.icon-fabiao:before { + content: "\e654"; +} + +.icon-kecheng:before { + content: "\e619"; +} + +.icon-bianji1:before { + content: "\e61d"; +} + +.icon-pingjia:before { + content: "\e628"; +} + +.icon-zonghezhenduan:before { + content: "\e6a0"; +} + +.icon-banji:before { + content: "\e71e"; +} + +.icon-tousuyujianyi:before { + content: "\e729"; +} + +.icon-jiaoliu:before { + content: "\e6b8"; +} + +.icon-pingyi:before { + content: "\e79a"; +} + +.icon-xueqingfenxi:before { + content: "\e67a"; +} + +.icon-check:before { + content: "\e622"; +} + +.icon-upload:before { + content: "\e634"; +} + +.icon-taolun:before { + content: "\e61e"; +} + +.icon-tujing:before { + content: "\e947"; +} + +.icon-zixun:before { + content: "\e6b3"; +} + +.icon-liulan1:before { + content: "\e6b4"; +} + +.icon-yaosu:before { + content: "\e68c"; +} + +.icon-baogao1:before { + content: "\e62e"; +} + +.icon-shoucang:before { + content: "\e61f"; +} + +.icon-shenhe:before { + content: "\e623"; +} + +.icon-w_duoxuanti:before { + content: "\e677"; +} + +.icon-fenxi:before { + content: "\e76d"; +} + +.icon-kanshu:before { + content: "\e626"; +} + +.icon-qwe:before { + content: "\e627"; +} + +.icon-jiancha:before { + content: "\e6c1"; +} + +.icon-qunzu:before { + content: "\e62b"; +} + +.icon-zuopin:before { + content: "\e6a9"; +} + +.icon-shuyi_jiaoxueguanli:before { + content: "\e678"; +} + +.icon-liangsuan:before { + content: "\e657"; +} + +.icon-business-report:before { + content: "\e880"; +} + +.icon-xiangmupingshen:before { + content: "\e742"; +} + +.icon-xiangmushenbao:before { + content: "\e743"; +} + +.icon-xiajia1:before { + content: "\e62c"; +} + +.icon-a-fenxiang2:before { + content: "\e62f"; +} + +.icon-icon_kaoshifenxi:before { + content: "\e6d3"; +} + +.icon-a-ketangshilu1:before { + content: "\e631"; +} + +.icon-tubiao_moshileixingpeizhi:before { + content: "\e632"; +} + +.icon-xiezuo:before { + content: "\e633"; +} + +.icon-buzhi:before { + content: "\e636"; +} + +.icon-ziyuanfenxi:before { + content: "\e637"; +} + +.icon-shoucang1:before { + content: "\e638"; +} + +.icon-iconku-zhuanqu-:before { + content: "\e649"; +} + +.icon-PPT:before { + content: "\e639"; +} + +.icon-fabiaolunwen:before { + content: "\e772"; +} + +.icon-xiezuo1:before { + content: "\e63b"; +} + +.icon-fenxi1:before { + content: "\e63c"; +} + +.icon-kechengziyuan:before { + content: "\e6e9"; +} + +.icon-36zuoyepingtai:before { + content: "\e699"; +} + +.icon-jiekebiaozhunbijishu:before { + content: "\e63d"; +} + +.icon-xunzhang:before { + content: "\e63e"; +} + +.icon-jiaocaizhengding:before { + content: "\e6a4"; +} + +.icon-xinzengmoxing:before { + content: "\e7b8"; +} + +.icon-a-biaozhangxunzhangyingxiong:before { + content: "\e79d"; +} + +.icon-xunzhang1:before { + content: "\e63f"; +} + +.icon-paizhao-xianxing:before { + content: "\e8d1"; +} + +.icon-zhuye2:before { + content: "\e604"; +} + +.icon-zuoye1:before { + content: "\e610"; +} + .icon-xiazai9:before { content: "\e60b"; } diff --git a/src/renderer/src/assets/iconfont/iconfont.js b/src/renderer/src/assets/iconfont/iconfont.js index 79b363e..468ab99 100644 --- a/src/renderer/src/assets/iconfont/iconfont.js +++ b/src/renderer/src/assets/iconfont/iconfont.js @@ -1 +1 @@ -window._iconfont_svg_string_2794390='',function(v){var h=(h=document.getElementsByTagName("script"))[h.length-1],l=h.getAttribute("data-injectcss"),h=h.getAttribute("data-disable-injectsvg");if(!h){var c,a,t,i,z,p=function(h,l){l.parentNode.insertBefore(h,l)};if(l&&!v.__iconfont__svg__cssinject__){v.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(h){console&&console.log(h)}}c=function(){var h,l=document.createElement("div");l.innerHTML=v._iconfont_svg_string_2794390,(l=l.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",l=l,(h=document.body).firstChild?p(l,h.firstChild):h.appendChild(l))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),c()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(t=c,i=v.document,z=!1,d(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,M())})}function M(){z||(z=!0,t())}function d(){try{i.documentElement.doScroll("left")}catch(h){return void setTimeout(d,50)}M()}}(window); \ No newline at end of file +window._iconfont_svg_string_2794390='',function(l){var h=(h=document.getElementsByTagName("script"))[h.length-1],c=h.getAttribute("data-injectcss"),h=h.getAttribute("data-disable-injectsvg");if(!h){var a,v,t,z,i,p=function(h,c){c.parentNode.insertBefore(h,c)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(h){console&&console.log(h)}}a=function(){var h,c=document.createElement("div");c.innerHTML=l._iconfont_svg_string_2794390,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(h=document.body).firstChild?p(c,h.firstChild):h.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(v=function(){document.removeEventListener("DOMContentLoaded",v,!1),a()},document.addEventListener("DOMContentLoaded",v,!1)):document.attachEvent&&(t=a,z=l.document,i=!1,d(),z.onreadystatechange=function(){"complete"==z.readyState&&(z.onreadystatechange=null,M())})}function M(){i||(i=!0,t())}function d(){try{z.documentElement.doScroll("left")}catch(h){return void setTimeout(d,50)}M()}}(window); \ No newline at end of file diff --git a/src/renderer/src/assets/iconfont/iconfont.json b/src/renderer/src/assets/iconfont/iconfont.json index 5549155..3db8bfe 100644 --- a/src/renderer/src/assets/iconfont/iconfont.json +++ b/src/renderer/src/assets/iconfont/iconfont.json @@ -5,6 +5,804 @@ "css_prefix_text": "icon-", "description": "", "glyphs": [ + { + "icon_id": "680440", + "name": "教材", + "font_class": "icon", + "unicode": "e640", + "unicode_decimal": 58944 + }, + { + "icon_id": "3069674", + "name": "课", + "font_class": "ke", + "unicode": "e641", + "unicode_decimal": 58945 + }, + { + "icon_id": "4287869", + "name": "教材选择", + "font_class": "jiaocaixuanze", + "unicode": "e642", + "unicode_decimal": 58946 + }, + { + "icon_id": "6235034", + "name": "组织框架", + "font_class": "organization-framework-line", + "unicode": "e9fe", + "unicode_decimal": 59902 + }, + { + "icon_id": "10900222", + "name": "教材", + "font_class": "jiaocai", + "unicode": "e67b", + "unicode_decimal": 59003 + }, + { + "icon_id": "12820192", + "name": "在线考试", + "font_class": "zaixiankaoshi", + "unicode": "e643", + "unicode_decimal": 58947 + }, + { + "icon_id": "12975221", + "name": "目标绘制", + "font_class": "mubiaohuizhi", + "unicode": "e652", + "unicode_decimal": 58962 + }, + { + "icon_id": "15222476", + "name": "图谱数据源", + "font_class": "tupushujuyuan", + "unicode": "e653", + "unicode_decimal": 58963 + }, + { + "icon_id": "18455976", + "name": "目标", + "font_class": "mubiao", + "unicode": "e723", + "unicode_decimal": 59171 + }, + { + "icon_id": "22387410", + "name": "知识图谱", + "font_class": "zhishitupu", + "unicode": "e644", + "unicode_decimal": 58948 + }, + { + "icon_id": "23514020", + "name": "图谱", + "font_class": "tupu", + "unicode": "f48c", + "unicode_decimal": 62604 + }, + { + "icon_id": "24204139", + "name": "中文文献", + "font_class": "zhongwenwenxian", + "unicode": "e645", + "unicode_decimal": 58949 + }, + { + "icon_id": "25426189", + "name": "图谱", + "font_class": "tupu1", + "unicode": "e952", + "unicode_decimal": 59730 + }, + { + "icon_id": "25597826", + "name": "框架", + "font_class": "kuangjia", + "unicode": "e6ea", + "unicode_decimal": 59114 + }, + { + "icon_id": "25843549", + "name": "文献", + "font_class": "wenxian", + "unicode": "e7b6", + "unicode_decimal": 59318 + }, + { + "icon_id": "26904934", + "name": "122-图谱", + "font_class": "tupu-01", + "unicode": "e679", + "unicode_decimal": 59001 + }, + { + "icon_id": "28551525", + "name": "图谱", + "font_class": "tupu2", + "unicode": "e69c", + "unicode_decimal": 59036 + }, + { + "icon_id": "29570352", + "name": "图谱", + "font_class": "tupu3", + "unicode": "e6a7", + "unicode_decimal": 59047 + }, + { + "icon_id": "31509204", + "name": "组织框架", + "font_class": "zuzhikuangjia", + "unicode": "e646", + "unicode_decimal": 58950 + }, + { + "icon_id": "34748859", + "name": "图谱", + "font_class": "tupu4", + "unicode": "e6d5", + "unicode_decimal": 59093 + }, + { + "icon_id": "35203463", + "name": "考试 (1)", + "font_class": "a-kaoshi1", + "unicode": "eb13", + "unicode_decimal": 60179 + }, + { + "icon_id": "577336", + "name": "反馈", + "font_class": "fankui", + "unicode": "e738", + "unicode_decimal": 59192 + }, + { + "icon_id": "1447760", + "name": "题库", + "font_class": "tiku", + "unicode": "e621", + "unicode_decimal": 58913 + }, + { + "icon_id": "1837440", + "name": "ldc-position", + "font_class": "ldc-position", + "unicode": "e63a", + "unicode_decimal": 58938 + }, + { + "icon_id": "4138813", + "name": "素材", + "font_class": "sucai", + "unicode": "e620", + "unicode_decimal": 58912 + }, + { + "icon_id": "4166140", + "name": "朋友", + "font_class": "pengyou", + "unicode": "e61a", + "unicode_decimal": 58906 + }, + { + "icon_id": "4310077", + "name": "作业", + "font_class": "zuoye", + "unicode": "e61c", + "unicode_decimal": 58908 + }, + { + "icon_id": "4686996", + "name": "教学分析", + "font_class": "jiaoxuefenxi", + "unicode": "e605", + "unicode_decimal": 58885 + }, + { + "icon_id": "4893191", + "name": "文件夹", + "font_class": "wenjianjia", + "unicode": "ec17", + "unicode_decimal": 60439 + }, + { + "icon_id": "5838892", + "name": "教学研修", + "font_class": "jiaoxueyanxiu", + "unicode": "e60d", + "unicode_decimal": 58893 + }, + { + "icon_id": "5931005", + "name": "教学设计", + "font_class": "jiaoxuesheji", + "unicode": "e606", + "unicode_decimal": 58886 + }, + { + "icon_id": "6360457", + "name": "专业资源库", + "font_class": "zhuanyeziyuanku", + "unicode": "e651", + "unicode_decimal": 58961 + }, + { + "icon_id": "6556747", + "name": "朋友圈", + "font_class": "pengyouquan", + "unicode": "e616", + "unicode_decimal": 58902 + }, + { + "icon_id": "6992598", + "name": "当前会话", + "font_class": "dangqianhuihua", + "unicode": "e675", + "unicode_decimal": 58997 + }, + { + "icon_id": "7327280", + "name": "研究室", + "font_class": "yanjiushi", + "unicode": "e607", + "unicode_decimal": 58887 + }, + { + "icon_id": "7905547", + "name": "工作台", + "font_class": "gongzuotai", + "unicode": "e676", + "unicode_decimal": 58998 + }, + { + "icon_id": "9023128", + "name": "论文", + "font_class": "lunwen", + "unicode": "e60e", + "unicode_decimal": 58894 + }, + { + "icon_id": "10130330", + "name": "德诚_线上学习001", + "font_class": "decheng_xianshangxuexi", + "unicode": "e624", + "unicode_decimal": 58916 + }, + { + "icon_id": "10493421", + "name": "集体备课", + "font_class": "jitibeike-", + "unicode": "e65b", + "unicode_decimal": 58971 + }, + { + "icon_id": "13228302", + "name": "课题", + "font_class": "keti", + "unicode": "e6fe", + "unicode_decimal": 59134 + }, + { + "icon_id": "16364339", + "name": "朋友圈", + "font_class": "pengyouquan1", + "unicode": "e635", + "unicode_decimal": 58933 + }, + { + "icon_id": "37075078", + "name": "备课", + "font_class": "beike1", + "unicode": "e61b", + "unicode_decimal": 58907 + }, + { + "icon_id": "1425581", + "name": "share", + "font_class": "fenxiang", + "unicode": "e611", + "unicode_decimal": 58897 + }, + { + "icon_id": "1727462", + "name": "227注册、添加好友", + "font_class": "zhucetianjiahaoyou", + "unicode": "e8ca", + "unicode_decimal": 59594 + }, + { + "icon_id": "2071695", + "name": "场景灵活", + "font_class": "duoqudaojicheng", + "unicode": "e696", + "unicode_decimal": 59030 + }, + { + "icon_id": "2077372", + "name": "业务开展", + "font_class": "yewukaizhan", + "unicode": "e612", + "unicode_decimal": 58898 + }, + { + "icon_id": "2680657", + "name": "反馈", + "font_class": "fankui1", + "unicode": "e6fa", + "unicode_decimal": 59130 + }, + { + "icon_id": "4520331", + "name": "设置", + "font_class": "shezhi", + "unicode": "e614", + "unicode_decimal": 58900 + }, + { + "icon_id": "4572456", + "name": "查阅", + "font_class": "chayue", + "unicode": "e617", + "unicode_decimal": 58903 + }, + { + "icon_id": "4662757", + "name": "报告", + "font_class": "baogao", + "unicode": "e630", + "unicode_decimal": 58928 + }, + { + "icon_id": "5062867", + "name": "学科组合", + "font_class": "xuekezuhe", + "unicode": "e625", + "unicode_decimal": 58917 + }, + { + "icon_id": "5387651", + "name": "分享", + "font_class": "fenxiang1", + "unicode": "eb24", + "unicode_decimal": 60196 + }, + { + "icon_id": "5387730", + "name": "通知中心", + "font_class": "tongzhizhongxin", + "unicode": "eb43", + "unicode_decimal": 60227 + }, + { + "icon_id": "5643535", + "name": "下架", + "font_class": "xiajia", + "unicode": "e618", + "unicode_decimal": 58904 + }, + { + "icon_id": "6241672", + "name": "生产过程管理", + "font_class": "shengchanguochengguanli", + "unicode": "e62a", + "unicode_decimal": 58922 + }, + { + "icon_id": "6286025", + "name": "课件", + "font_class": "kejian", + "unicode": "e64a", + "unicode_decimal": 58954 + }, + { + "icon_id": "6447187", + "name": "浏览", + "font_class": "liulan", + "unicode": "e648", + "unicode_decimal": 58952 + }, + { + "icon_id": "6548533", + "name": "发表", + "font_class": "fabiao", + "unicode": "e654", + "unicode_decimal": 58964 + }, + { + "icon_id": "6560965", + "name": "课程", + "font_class": "kecheng", + "unicode": "e619", + "unicode_decimal": 58905 + }, + { + "icon_id": "6682548", + "name": "编辑", + "font_class": "bianji1", + "unicode": "e61d", + "unicode_decimal": 58909 + }, + { + "icon_id": "7291078", + "name": "评价", + "font_class": "pingjia", + "unicode": "e628", + "unicode_decimal": 58920 + }, + { + "icon_id": "7339813", + "name": "综合诊断", + "font_class": "zonghezhenduan", + "unicode": "e6a0", + "unicode_decimal": 59040 + }, + { + "icon_id": "7712190", + "name": "班级", + "font_class": "banji", + "unicode": "e71e", + "unicode_decimal": 59166 + }, + { + "icon_id": "7712222", + "name": "投诉与建议", + "font_class": "tousuyujianyi", + "unicode": "e729", + "unicode_decimal": 59177 + }, + { + "icon_id": "8136353", + "name": "交流", + "font_class": "jiaoliu", + "unicode": "e6b8", + "unicode_decimal": 59064 + }, + { + "icon_id": "8198365", + "name": "评议", + "font_class": "pingyi", + "unicode": "e79a", + "unicode_decimal": 59290 + }, + { + "icon_id": "8225912", + "name": "学情分析", + "font_class": "xueqingfenxi", + "unicode": "e67a", + "unicode_decimal": 59002 + }, + { + "icon_id": "9922803", + "name": "check", + "font_class": "check", + "unicode": "e622", + "unicode_decimal": 58914 + }, + { + "icon_id": "9927174", + "name": "upload", + "font_class": "upload", + "unicode": "e634", + "unicode_decimal": 58932 + }, + { + "icon_id": "10360972", + "name": "讨论", + "font_class": "taolun", + "unicode": "e61e", + "unicode_decimal": 58910 + }, + { + "icon_id": "10373863", + "name": "途径", + "font_class": "tujing", + "unicode": "e947", + "unicode_decimal": 59719 + }, + { + "icon_id": "11594397", + "name": "咨询", + "font_class": "zixun", + "unicode": "e6b3", + "unicode_decimal": 59059 + }, + { + "icon_id": "11594406", + "name": "浏览", + "font_class": "liulan1", + "unicode": "e6b4", + "unicode_decimal": 59060 + }, + { + "icon_id": "11677828", + "name": "要素", + "font_class": "yaosu", + "unicode": "e68c", + "unicode_decimal": 59020 + }, + { + "icon_id": "11810655", + "name": "报告", + "font_class": "baogao1", + "unicode": "e62e", + "unicode_decimal": 58926 + }, + { + "icon_id": "12476912", + "name": "收藏", + "font_class": "shoucang", + "unicode": "e61f", + "unicode_decimal": 58911 + }, + { + "icon_id": "12771482", + "name": "审核", + "font_class": "shenhe", + "unicode": "e623", + "unicode_decimal": 58915 + }, + { + "icon_id": "12842682", + "name": "w_多选题", + "font_class": "w_duoxuanti", + "unicode": "e677", + "unicode_decimal": 58999 + }, + { + "icon_id": "14095222", + "name": "分析", + "font_class": "fenxi", + "unicode": "e76d", + "unicode_decimal": 59245 + }, + { + "icon_id": "14898108", + "name": "kanshu", + "font_class": "kanshu", + "unicode": "e626", + "unicode_decimal": 58918 + }, + { + "icon_id": "15053387", + "name": "上传", + "font_class": "qwe", + "unicode": "e627", + "unicode_decimal": 58919 + }, + { + "icon_id": "15644340", + "name": "检查", + "font_class": "jiancha", + "unicode": "e6c1", + "unicode_decimal": 59073 + }, + { + "icon_id": "17334540", + "name": "群组", + "font_class": "qunzu", + "unicode": "e62b", + "unicode_decimal": 58923 + }, + { + "icon_id": "17335274", + "name": "作品", + "font_class": "zuopin", + "unicode": "e6a9", + "unicode_decimal": 59049 + }, + { + "icon_id": "22779610", + "name": "数译_教学管理", + "font_class": "shuyi_jiaoxueguanli", + "unicode": "e678", + "unicode_decimal": 59000 + }, + { + "icon_id": "27538561", + "name": "liangsuan", + "font_class": "liangsuan", + "unicode": "e657", + "unicode_decimal": 58967 + }, + { + "icon_id": "27787858", + "name": "business-report", + "font_class": "business-report", + "unicode": "e880", + "unicode_decimal": 59520 + }, + { + "icon_id": "28627465", + "name": "项目评审", + "font_class": "xiangmupingshen", + "unicode": "e742", + "unicode_decimal": 59202 + }, + { + "icon_id": "28627468", + "name": "项目申报", + "font_class": "xiangmushenbao", + "unicode": "e743", + "unicode_decimal": 59203 + }, + { + "icon_id": "33848036", + "name": "下架", + "font_class": "xiajia1", + "unicode": "e62c", + "unicode_decimal": 58924 + }, + { + "icon_id": "33987020", + "name": "分享 2", + "font_class": "a-fenxiang2", + "unicode": "e62f", + "unicode_decimal": 58927 + }, + { + "icon_id": "37863983", + "name": "考试分析", + "font_class": "icon_kaoshifenxi", + "unicode": "e6d3", + "unicode_decimal": 59091 + }, + { + "icon_id": "37966293", + "name": "课堂实录 1", + "font_class": "a-ketangshilu1", + "unicode": "e631", + "unicode_decimal": 58929 + }, + { + "icon_id": "38963985", + "name": "图标_模式类型配置", + "font_class": "tubiao_moshileixingpeizhi", + "unicode": "e632", + "unicode_decimal": 58930 + }, + { + "icon_id": "39005401", + "name": "写作-copy", + "font_class": "xiezuo", + "unicode": "e633", + "unicode_decimal": 58931 + }, + { + "icon_id": "39313770", + "name": "布置-copy", + "font_class": "buzhi", + "unicode": "e636", + "unicode_decimal": 58934 + }, + { + "icon_id": "39506557", + "name": "资源分析", + "font_class": "ziyuanfenxi", + "unicode": "e637", + "unicode_decimal": 58935 + }, + { + "icon_id": "3267408", + "name": "收藏", + "font_class": "shoucang1", + "unicode": "e638", + "unicode_decimal": 58936 + }, + { + "icon_id": "3161194", + "name": "题目数量", + "font_class": "iconku-zhuanqu-", + "unicode": "e649", + "unicode_decimal": 58953 + }, + { + "icon_id": "4349654", + "name": "PPT", + "font_class": "PPT", + "unicode": "e639", + "unicode_decimal": 58937 + }, + { + "icon_id": "5708257", + "name": "发表论文", + "font_class": "fabiaolunwen", + "unicode": "e772", + "unicode_decimal": 59250 + }, + { + "icon_id": "6837777", + "name": "写作", + "font_class": "xiezuo1", + "unicode": "e63b", + "unicode_decimal": 58939 + }, + { + "icon_id": "7171145", + "name": "粮食动态决策分析系统", + "font_class": "fenxi1", + "unicode": "e63c", + "unicode_decimal": 58940 + }, + { + "icon_id": "12252416", + "name": "课程资源", + "font_class": "kechengziyuan", + "unicode": "e6e9", + "unicode_decimal": 59113 + }, + { + "icon_id": "19567416", + "name": "作业平台", + "font_class": "36zuoyepingtai", + "unicode": "e699", + "unicode_decimal": 59033 + }, + { + "icon_id": "975544", + "name": "结课标准-笔记数", + "font_class": "jiekebiaozhunbijishu", + "unicode": "e63d", + "unicode_decimal": 58941 + }, + { + "icon_id": "7086494", + "name": "勋章", + "font_class": "xunzhang", + "unicode": "e63e", + "unicode_decimal": 58942 + }, + { + "icon_id": "12573415", + "name": "教材征订", + "font_class": "jiaocaizhengding", + "unicode": "e6a4", + "unicode_decimal": 59044 + }, + { + "icon_id": "35789485", + "name": "新增模型", + "font_class": "xinzengmoxing", + "unicode": "e7b8", + "unicode_decimal": 59320 + }, + { + "icon_id": "39690914", + "name": "表彰勋章英雄", + "font_class": "a-biaozhangxunzhangyingxiong", + "unicode": "e79d", + "unicode_decimal": 59293 + }, + { + "icon_id": "39798902", + "name": "勋章", + "font_class": "xunzhang1", + "unicode": "e63f", + "unicode_decimal": 58943 + }, + { + "icon_id": "1727478", + "name": "237拍照-线性", + "font_class": "paizhao-xianxing", + "unicode": "e8d1", + "unicode_decimal": 59601 + }, + { + "icon_id": "1123930", + "name": "主页未选", + "font_class": "zhuye2", + "unicode": "e604", + "unicode_decimal": 58884 + }, + { + "icon_id": "8023423", + "name": "作业", + "font_class": "zuoye1", + "unicode": "e610", + "unicode_decimal": 58896 + }, { "icon_id": "720967", "name": "更多", diff --git a/src/renderer/src/assets/iconfont/iconfont.svg b/src/renderer/src/assets/iconfont/iconfont.svg index bdabebc..f9b4baf 100644 --- a/src/renderer/src/assets/iconfont/iconfont.svg +++ b/src/renderer/src/assets/iconfont/iconfont.svg @@ -14,6 +14,234 @@ /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/renderer/src/assets/iconfont/iconfont.ttf b/src/renderer/src/assets/iconfont/iconfont.ttf index 409d7e1..714a16f 100644 Binary files a/src/renderer/src/assets/iconfont/iconfont.ttf and b/src/renderer/src/assets/iconfont/iconfont.ttf differ diff --git a/src/renderer/src/assets/iconfont/iconfont.woff b/src/renderer/src/assets/iconfont/iconfont.woff index 607d8f9..1f4f411 100644 Binary files a/src/renderer/src/assets/iconfont/iconfont.woff and b/src/renderer/src/assets/iconfont/iconfont.woff differ diff --git a/src/renderer/src/assets/iconfont/iconfont.woff2 b/src/renderer/src/assets/iconfont/iconfont.woff2 index 2acffdf..550c112 100644 Binary files a/src/renderer/src/assets/iconfont/iconfont.woff2 and b/src/renderer/src/assets/iconfont/iconfont.woff2 differ diff --git a/src/renderer/src/components/file-image/index.vue b/src/renderer/src/components/file-image/index.vue index 081612d..efe374e 100644 --- a/src/renderer/src/components/file-image/index.vue +++ b/src/renderer/src/components/file-image/index.vue @@ -1,5 +1,5 @@ @@ -36,10 +36,15 @@ const getFileTypeIcon = () => { rar: 'icon-rar', } - return '#' + iconObj[name] + if (iconObj[name]) { + return '#' + iconObj[name] + } + else { + return '#icon-zuoye1' + } + } - \ No newline at end of file + \ No newline at end of file diff --git a/src/renderer/src/layout/components/Header.vue b/src/renderer/src/layout/components/Header.vue index 4c30765..8ab6111 100644 --- a/src/renderer/src/layout/components/Header.vue +++ b/src/renderer/src/layout/components/Header.vue @@ -51,6 +51,11 @@ const router = useRouter() const currentRoute = ref('') const menus = ref([ + { + icon: 'icon-zhuye2 icon-homepage', + name: '主页', + path: '/homepage' + }, { icon: 'icon-jiaoxueziyuan icon-resource', name: '资源', @@ -155,6 +160,10 @@ function setLayout() { color: #f99b53; } + .icon-homepage{ + color: #0a84ff; + } + .icon-prepare { color: #b088e8; } diff --git a/src/renderer/src/layout/index.vue b/src/renderer/src/layout/index.vue index fc79a0c..d8ad008 100644 --- a/src/renderer/src/layout/index.vue +++ b/src/renderer/src/layout/index.vue @@ -28,6 +28,10 @@ let uploaderStore = ref(uploaderState()) } .el-header { - padding: 0 + padding: 0; + height: 80px; +} +.el-main { + --el-main-padding: 0 20px; } diff --git a/src/renderer/src/router/index.js b/src/renderer/src/router/index.js index d6f641e..b4c3a54 100644 --- a/src/renderer/src/router/index.js +++ b/src/renderer/src/router/index.js @@ -13,8 +13,14 @@ export const constantRoutes = [ { path: '/', component: Layout, - redirect: '/resource', + redirect: '/homepage', children: [ + { + path: '/homepage', + component: () => import('@/views/homePage/index.vue'), + name: 'homepage', + meta: {title: '主页'} + }, { path: '/resource', component: () => import('@/views/resource/index.vue'), diff --git a/src/renderer/src/utils/linkConfig.js b/src/renderer/src/utils/linkConfig.js index 09c7aa1..460b30e 100644 --- a/src/renderer/src/utils/linkConfig.js +++ b/src/renderer/src/utils/linkConfig.js @@ -4,23 +4,30 @@ import useUserStore from '@/store/modules/user' const userStore = useUserStore() const baseConfig = { // Electron 设置cookie - url: 'https://file.ysaix.com:7868', - //cookie 名称 这里为 token + url: import.meta.env.VITE_APP_BUILD_BASE_PATH, + // url: 'https://file.ysaix.com:7868', + //cookie 名称 这里为 token name: 'Admin-Token', //cookie 值 value: userStore.token, // 域名 - domain: 'file.ysaix.com', - + domain: import.meta.env.VITE_APP_DOMAIN } -// 作业 +// 作业布置 const homeWork = { data: { ...baseConfig}, // 完整路径 fullPath: `${baseConfig.url}/teaching/classtaskassign?titleName=%E4%BD%9C%E4%B8%9A%E5%B8%83%E7%BD%AE` } +// 作业反馈 +const feedback = { + data: { ...baseConfig}, + // 完整路径 + fullPath: `${baseConfig.url}/teaching/classtaskassign?titleName=作业反馈` +} + // 高考研读 const gk = { data: { ...baseConfig}, @@ -39,9 +46,18 @@ const aiModel = { fullPath: `${baseConfig.url}/platofai` } +const getBaseData = () => { + return { + data: { ...baseConfig}, + fullPath: `${baseConfig.url}` + } +} + export default { homeWork, + feedback, gk, standard, - aiModel -} \ No newline at end of file + aiModel, + getBaseData +} diff --git a/src/renderer/src/utils/talkFile/index.js b/src/renderer/src/utils/talkFile/index.js index 6d4e746..08c9990 100644 --- a/src/renderer/src/utils/talkFile/index.js +++ b/src/renderer/src/utils/talkFile/index.js @@ -9,6 +9,7 @@ export const asyncLocalFile = (item) => { if (isAsync === true) { item.async = 'on' if (type === 'down') { + console.log(item) ipcRenderer.send('download-file-default', { url: item.fileFullPath, fileName: item.fileNewName diff --git a/src/renderer/src/views/classManage/aside.vue b/src/renderer/src/views/classManage/aside.vue index 7efce51..120991c 100644 --- a/src/renderer/src/views/classManage/aside.vue +++ b/src/renderer/src/views/classManage/aside.vue @@ -19,7 +19,7 @@ diff --git a/src/renderer/src/views/prepare/container/file-list-item.vue b/src/renderer/src/views/prepare/container/file-list-item.vue index 794210e..538c32f 100644 --- a/src/renderer/src/views/prepare/container/file-list-item.vue +++ b/src/renderer/src/views/prepare/container/file-list-item.vue @@ -10,6 +10,10 @@
+ + @@ -236,6 +258,10 @@ export default { display: flex; justify-content: center; align-items: center; + .icon-zuoye{ + font-size: 40px; + color: #707070 + } } .prepare-body-main-item-tool { diff --git a/src/renderer/src/views/prepare/index.vue b/src/renderer/src/views/prepare/index.vue index 35743ab..8d6dbe5 100644 --- a/src/renderer/src/views/prepare/index.vue +++ b/src/renderer/src/views/prepare/index.vue @@ -38,6 +38,7 @@
+ 作业反馈 布置作业 上传资料 新建课件 @@ -67,15 +68,19 @@ import ChooseTextbook from '@/components/choose-textbook/index.vue' import uploadDialog from '@/components/upload-dialog/index.vue' import { Refresh } from '@element-plus/icons-vue' import uploaderState from '@/store/modules/uploader' +import useUserStore from '@/store/modules/user' import MoveFile from '@/components/move-file/index.vue' import FileListItem from '@/views/prepare/container/file-list-item.vue' import { getSmarttalkPage, moveSmarttalk } from '@/api/file' +import { homeworklist, listEntpcourse } from '@/api/teaching/classwork' import { toTimeText } from '@/utils/date' import { ElMessage } from 'element-plus' import { parseCataByNode, creatPPT, asyncLocalFile } from '@/utils/talkFile' import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue' import outLink from '@/utils/linkConfig' import { createWindow } from '@/utils/tool' +import { uniqBy, cloneDeep } from 'lodash' + const { ipcRenderer } = window.electron || {} export default { @@ -103,6 +108,10 @@ export default { }, // 当前教材封面图 curBookImg: '', + // 用户信息 + userStore: '', + entpcourseid: '', + timerId: null } }, computed: { @@ -113,6 +122,7 @@ export default { } }, created() { + this.userStore = useUserStore().user ipcRenderer.removeAllListeners('copy-file-default-reply') ipcRenderer.on('copy-file-default-reply', (e, param) => { this.callback(param) @@ -222,7 +232,7 @@ export default { }, asyncAllFile() { this.isLoading = true - getSmarttalkPage({ + return getSmarttalkPage({ ...this.uploadData, orderByColumn: 'uploadTime', isAsc: 'desc', @@ -239,12 +249,14 @@ export default { await asyncLocalFile(item) } this.asyncAllFileVisiable = false + return Promise.resolve() }) .catch(() => { this.isLoading = false + return Promise.resolve() }) }, - nodeClick(data) { + async nodeClick(data) { if (this.currentNode.id === data.node.id) return this.curBookImg = data.textBook.curBookImg this.checkFileList = [] @@ -254,16 +266,101 @@ export default { this.uploadData.levelSecondId = cata[1] this.uploadData.levelThirdId = cata[2] this.uploadData.textbookId = data.textBook.curBookId - this.asyncAllFile() + await this.asyncAllFile() + if (this.uploadData.levelSecondId) { + // 获取作业列表所需ID + const res = await this.getChapterId() + this.entpcourseid = res.rows[0].id + // 查询作业 + this.getHomeWorkList() + } }, + // 打开外部链接 - handleOutLink(key){ + handleOutLink(key) { + if (key == 'homeWork') { + // 查询作业 + this.createTimer() + } // key 对应的 linkConfig.js 外部链接配置 let configObj = outLink[key] // 通知主进程 ipcRenderer.send('openWindow', { fullPath: configObj.fullPath, - cookieData: {...(configObj.data)} + cookieData: { ...(configObj.data) } + }) + }, + // 根据教材章节单元ID 查询作业列表所需ID + getChapterId() { + return listEntpcourse({ evalid: this.uploadData.levelSecondId, edituserid: this.userStore.userId, pageSize: 500 }) + }, + // + createTimer() { + this.timerId = setInterval(() => { + this.getHomeWorkList() + }, 1500) + }, + // 查询作业列表 + getHomeWorkList() { + homeworklist({ entpcourseid: this.entpcourseid, edituserid: this.userStore.userId, pageSize: 100 }).then(res => { + + //以下代码 参照AIx web端 作业布置 + let list = [] + for (var i = 0; i < res.rows.length; i++) { + + res.rows[i].taskconfig = []; + + // 找child + for (var j = 0; j < res.rows.length; j++) { + if (res.rows[j].parentid == res.rows[i].id) { + var ss = []; + if (res.rows[j].classworkdatastudentids != null) { + ss = JSON.parse('[' + res.rows[j].classworkdatastudentids + ']'); + } + var js = { + id: res.rows[j].id, + classid: res.rows[j].classid, + classcaption: res.rows[j].classcaption, + parentid: 0, + worktype: '', + workkey: res.rows[j].workkey, + worktag: '', + entpcourseid: 0, + evalid: 0, + edusubject: '', + edudegree: '', + workdate: '', + title: '', + workcodes: '', + studentlist: ss, + deaddate: res.rows[j].deaddate, + timelength: res.rows[j].timelength, + weights: res.rows[j].weights, + feedtype: res.rows[j].feedtype + } + res.rows[i].taskconfig.push(js); + } + } + res.rows[i].fileShowName = res.rows[i].uniquekey + + // 注意slideid>0的,这一些作业是添加到PPT页面的,所以在作业管理中不能出现 + // 2024-05-15,酉阳,jackyshen + if (res.rows[i].classid == 0 && res.rows[i].slideid == 0) { + list.push(res.rows[i]); + } + + + // 如果是习题训练任务,则检查一共有多少道 + if (res.rows[i].entpcourseworklist != '') { + res.rows[i].entpcourseworklistarray = JSON.parse('[' + res.rows[i].entpcourseworklist + ']'); + } else { + res.rows[i].entpcourseworklistarray = []; + } + } + // 去重 + let ary = uniqBy([...this.currentFileList, ...list], 'id') + // 深度克隆 + this.currentFileList = cloneDeep(ary) }) }, // 打开PDF-课件 @@ -274,6 +371,13 @@ export default { openLesson() { createWindow('tool-sphere', { url: '/tool/sphere' }) } + }, + watch: { + $route(to) { + if (to.path != '/prepare' && this.timerId) { + clearInterval(this.timerId) + } + } } } @@ -329,7 +433,8 @@ export default { justify-content: center; position: relative; background: linear-gradient(#b0d1ef, #3e7bcb); - .top-zoom-style{ + + .top-zoom-style { position: absolute; width: 90%; height: 30px; @@ -337,7 +442,8 @@ export default { bottom: 0; clip-path: polygon(3% 0%, 97% 0%, 100% 100%, 0% 100%); } - .textbook-img{ + + .textbook-img { height: 120px; background-color: #ffffff; padding: 5px; @@ -346,36 +452,43 @@ export default { margin-right: 20px; z-index: 1; } - .top-item{ + + .top-item { width: 230px; position: relative; flex-wrap: wrap; z-index: 1; - .btn{ + + .btn { width: 102px; background: none; color: #ffffff; border-width: 2px; border-color: #ffffff; - &:hover{ + + &:hover { background: rgba(255, 255, 255, 0.3) } - &:first-child{ + + &:first-child { margin-left: 12px; margin-bottom: 15px; } - &:nth-child(2){ + + &:nth-child(2) { margin-bottom: 15px; } } } - .to-class-btn{ + + .to-class-btn { width: 130px; height: 80px; margin-left: 25px; font-size: 18px; z-index: 1; - .icon-lingdang{ + + .icon-lingdang { margin-right: 5px; color: #ffffff; font-size: 20px; diff --git a/src/renderer/src/views/profile/cropperImage.vue b/src/renderer/src/views/profile/cropperImage.vue new file mode 100644 index 0000000..5745127 --- /dev/null +++ b/src/renderer/src/views/profile/cropperImage.vue @@ -0,0 +1,266 @@ + + + + + + diff --git a/src/renderer/src/views/profile/userAvatar.vue b/src/renderer/src/views/profile/userAvatar.vue index 89965ca..5e945c3 100644 --- a/src/renderer/src/views/profile/userAvatar.vue +++ b/src/renderer/src/views/profile/userAvatar.vue @@ -2,112 +2,45 @@