refactor: 修改文件组织结构

public/index.html

@@ -6,13 +6,15 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <script src="https://cdn.staticfile.org/pdf.js/2.3.200/pdf.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/build/pdf.min.js"></script>
 <!--  <script src="https://cdn.bootcss.com/pdf.js/2.3.200/pdf.worker.min.js"></script>-->
   <title>SEEC 课堂助手</title>
   <style>
     :root {
-      font-family: -apple-system, BlinkMacSystemFont, 'DengXian', sans-serif;
+      font-weight: bold;
+      font-family: -apple-system, BlinkMacSystemFont, sans-serif;
     }
   </style>
 </head>

src/App.vue

@@ -53,20 +53,17 @@ body {
 
 .title {
   font-size: 28px;
-  font-weight: bold;
   margin-bottom: 24px;
 }
 
 .sub-title {
   font-size: 22px;
-  font-weight: bold;
   margin-bottom: 12px;
 }
 
 .no-content-warning {
   color: #aabaca;
   font-size: 20px;
-  font-weight: bold;
   padding: 12px 0;
   height: 120px;
   display: flex;

src/components/BackTitle.vue → src/components/Basic/BackTitle.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 import iconMap from '@/utils/icon-map'
 
 export default {

src/components/CInput.vue → src/components/Basic/CInput.vue

@@ -1,16 +1,13 @@
 <template>
-  <div class="c-input">
-    <label>
-      <component
-        :is="inputType"
-        :type="type ? type : 'text'"
-        :placeholder="placeholder"
-        :value="value"
-        :maxlength="maxlength ? maxlength : ''"
-        @input="$emit('input', $event.target.value)"
-      />
-    </label>
-  </div>
+  <component
+    class="c-input"
+    :is="inputType"
+    :type="type ? type : 'text'"
+    :placeholder="placeholder"
+    :value="value"
+    :maxlength="maxlength ? maxlength : ''"
+    @input="$emit('input', $event.target.value)"
+  />
 </template>
 
 <script>
@@ -50,9 +47,14 @@ input, textarea {
   line-height: 2;
   padding: 0 12px 0 12px;
   transition: .2s;
+
   &:hover {
     background: darken($input-background-color, 5);
   }
+
+  &::placeholder {
+    color: #8a9aaa;
+  }
 }
 
 textarea {
@@ -69,6 +71,6 @@ input::-webkit-inner-spin-button {
 }
 
 input[type=number] {
-  -moz-appearance:textfield;
+  -moz-appearance: textfield;
 }
 </style>

src/components/Icon.vue → src/components/Basic/Icon.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-import Ripple from '@/components/Ripple'
+import Ripple from '@/components/Basic/Ripple'
 
 export default {
   components: { Ripple },

src/components/CComment.vue

@@ -123,7 +123,6 @@ export default {
   width: 100%;
   margin: 0 -16px;
   padding: 12px 16px;
-  font-weight: bold;
 }
 
 .new-comment {

src/components/CommentToolBar.vue

@@ -30,10 +30,10 @@
 </template>
 
 <script>
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 import iconMap from '@/utils/icon-map'
 import { mapState } from 'vuex'
-import CInput from '@/components/CInput'
+import CInput from '@/components/Basic/CInput'
 
 export default {
   props: ['userId', 'hasReply', 'topNumber'],

src/components/CourseCard.vue

@@ -31,7 +31,6 @@ export default {
 @import '~@/style/theme.scss';
 
 .course-card {
-  font-weight: bold;
   padding: 8px 8px 8px 16px;
   border-left: 4px solid $input-background-color;
   transition: .2s;

src/components/CourseDetail.vue

@@ -54,7 +54,6 @@ export default {
 
 <style lang="scss" scoped>
 .detail {
-  font-weight: bold;
   font-size: 14px;
   margin-bottom: 24px;
   color: #7a8a9a;

src/components/DiscussionQuestion.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="discussion-question">
-    <div class="question-title">询问的问题题目</div>
-    <div class="question-content">帖子主要内容史蒂夫史蒂夫，将撒东方是否史蒂夫和空间上的恢复健康啊史蒂夫金黄色即可的粉红色</div>
-    <div class="question-from">来源课件：编程基础 I</div>
-  </div>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style lang="scss" scoped>
-@import '~@/style/theme.scss';
-
-.discussion-question {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px 8px;
-  font-weight: bold;
-  background-color: $card-background;
-  border-left: 4px solid $input-background-color;
-  cursor: pointer;
-  transition: .2s;
-
-  &:hover {
-    background-color: $input-background-color;
-    border-left: 4px solid $theme-blue;
-  }
-}
-
-.question-title {
-  margin-bottom: 4px;
-}
-
-.question-content {
-  color: #6a7a8a;
-  font-size: 14px;
-  margin-bottom: 4px;
-}
-
-.question-from {
-  color: #aabaca;
-  font-size: 14px;
-}
-</style>

src/components/DiscussionTab/CMessage.vue

@@ -26,7 +26,7 @@
 import momentFromNow from '@/utils/moment-from-now'
 import messageTypeMap from '@/utils/message-type-map'
 import iconMap from '@/utils/icon-map'
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 import { getSlideInfo } from '@/server/slide'
 import { SET_SLIDE_INFO } from '@/store/types/pdf-types'
 
@@ -121,7 +121,6 @@ export default {
   font-family: 'Courier New', 'Courier', monospace;
   width: 100%;
   font-size: 12px;
-  font-weight: bold;
   color: #7a8a9a;
   min-width: 11ch;
   padding-right: 8px;
@@ -153,7 +152,6 @@ export default {
 }
 
 .type {
-  font-weight: bold;
   box-sizing: border-box;
   text-align: center;
   margin-right: 4px;
@@ -165,7 +163,6 @@ export default {
 .message-content {
   font-size: 14px;
   line-height: 20px;
-  font-weight: bold;
   color: #5a6a7a;
 }
 

src/components/DiscussionTab/DiscussionTabToolBar.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script>
-import SearchBar from '@/components/SearchBar'
+import SearchBar from '@/components/Basic/SearchBar'
 import debounce from '@/utils/debounce'
 
 export default {
@@ -58,7 +58,6 @@ export default {
 
 .condition {
   display: flex;
-  font-weight: bold;
   margin: 16px -4px;
 
   & > div {

src/components/DiscussionTypeBar.vue

@@ -56,7 +56,6 @@ button {
   display: block;
   flex: 1;
   color: #3a4a5a;
-  font-weight: bold;
   padding: 8px 12px;
   border-radius: 8px;
   transition: .2s;

src/components/GlobalMessage.vue

@@ -82,7 +82,6 @@ export default {
   align-items: center;
   justify-content: center;
   font-size: 16px;
-  font-weight: bold;
   margin: 0 auto;
   padding: 8px 10px;
   border-radius: 100px;

src/components/PDF/Pdf.vue

@@ -111,7 +111,6 @@ canvas {
   left: 0;
   color: #7a8a9a;
   font-size: 40px;
-  font-weight: bold;
 }
 
 .full-size {

src/components/PDF/PdfController.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 import iconMap from '@/utils/icon-map'
 import { NEXT_PAGE, PREVIOUS_PAGE, SET_SCREEN_SHOT, TOGGLE_SHOW_DISCUSSION } from '@/store/types/pdf-types'
 import { mapState } from 'vuex'

src/components/SlideCard.vue

@@ -39,7 +39,6 @@ export default {
 @import '~@/style/theme.scss';
 
 .slide-card {
-  font-weight: bold;
   padding: 6px 8px 6px 16px;
   border-left: 4px solid $input-background-color;
   // background-color: $card-background;

src/components/SlideDetail.vue

@@ -50,7 +50,6 @@ export default {
 
 <style lang="scss" scoped>
 .detail {
-  font-weight: bold;
   font-size: 14px;
   margin-bottom: 24px;
   color: #7a8a9a;

src/components/SlideStateBar.vue

@@ -47,7 +47,6 @@ export default {
   align-items: center;
   justify-content: space-between;
   font-size: 14px;
-  font-weight: bold;
   position: relative;
   margin: 0 0 24px 0;
 

src/components/WriteNewComment.vue

@@ -11,7 +11,7 @@
 </template>
 
 <script>
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 import iconMap from '@/utils/icon-map'
 
 export default {
@@ -50,7 +50,6 @@ export default {
 input, textarea {
   box-sizing: border-box;
   font-size: 16px;
-  font-weight: bold;
   color: #3a4a5a;
   background: white;
   border-radius: 8px;

src/style/reset.scss

@@ -10,7 +10,6 @@ html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, fo
 
 h1, h2, h3, h4, h5, h6 {
   font-size: 100%;
-  font-weight: normal;
 }
 
 article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
@@ -41,7 +40,6 @@ table {
 
 strong, em, i {
   font-style: normal;
-  font-weight: normal;
 }
 
 ins {

src/views/Home.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import Background from '@/components/Background'
 
 export default {

src/views/forget-password/ForgetPassword.vue

@@ -17,9 +17,9 @@
 </template>
 
 <script>
-import BackTitle from '@/components/BackTitle'
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
 import { resetPasswordByEmail } from '@/server/user'
 import { sendEmailCode } from '@/server/code'
 export default {

src/views/login/Login.vue

@@ -20,8 +20,8 @@
 </template>
 
 <script>
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
 import Background from '@/components/Background'
 import { loginByEmail } from '@/server/user'
 import { SET_USER_INFO } from '@/store/types/main-types'
@@ -102,7 +102,6 @@ export default {
 }
 
 .tip {
-  font-weight: bold;
   color: #7a8a9a;
   font-size: 12px;
 }
@@ -111,7 +110,6 @@ export default {
   color: #aabaca;
   display: block;
   margin-top: 16px;
-  font-weight: bold;
   font-size: 14px;
   transition: .1s;
   &:hover {

src/views/quiz/Questions.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import BackTitle from '@/components/BackTitle'
+import BackTitle from '@/components/Basic/BackTitle'
 export default {
   components: { BackTitle }
 }

src/views/quiz/QuizView.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import BackTitle from '@/components/BackTitle'
+import BackTitle from '@/components/Basic/BackTitle'
 export default {
   components: { BackTitle }
 }

src/views/quiz/TeacherQuizSetting.vue

@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import BackTitle from '@/components/BackTitle'
-import CButton from '@/components/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
+import CButton from '@/components/Basic/CButton'
 
 export default {
   components: { CButton, BackTitle },

src/views/reader/PdfReader.vue

@@ -14,7 +14,7 @@
 <script>
 import PdfViewer from '@/components/PDF/PdfViewer'
 import { mapState } from 'vuex'
-import BackTitle from '@/components/BackTitle'
+import BackTitle from '@/components/Basic/BackTitle'
 import DiscussionArea from '@/components/DiscussionArea'
 import { getSlideUrl } from '@/server/slide'
 import { RESET, SET_SRC } from '@/store/types/pdf-types'

src/views/register/Register.vue

@@ -59,8 +59,8 @@
 </template>
 
 <script>
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
 import Background from '@/components/Background'
 import { sendEmailCode, sendPhoneCode } from '@/server/code'
 import { register } from '@/server/user'
@@ -220,7 +220,6 @@ export default {
 }
 
 .tip {
-  font-weight: bold;
   color: #7a8a9a;
   font-size: 12px;
 }

src/views/shared/Discussion.vue

@@ -67,7 +67,7 @@ import iconMap from '@/utils/icon-map'
 import DiscussionTabToolBar from '@/components/DiscussionTab/DiscussionTabToolBar'
 import CMessage from '@/components/DiscussionTab/CMessage'
 import { deleteMessages, getReadMessages, getUnreadMessages, readMessages } from '@/server/message'
-import Icon from '@/components/Icon'
+import Icon from '@/components/Basic/Icon'
 
 export default {
   components: { Icon, DiscussionTabToolBar, CMessage },
@@ -234,7 +234,6 @@ export default {
   .confirm, .cancel {
     display: flex;
     align-items: center;
-    font-weight: bold;
     color: #6a7a8a;
     cursor: pointer;
   }

src/views/shared/UserHomeLayout.vue

@@ -37,8 +37,8 @@
 </template>
 
 <script>
-import TabIconButton from '@/components/TabIconButton'
-import Icon from '@/components/Icon'
+import TabIconButton from '@/components/Basic/TabIconButton'
+import Icon from '@/components/Basic/Icon'
 import iconMap from '@/utils/icon-map'
 import { logout } from '@/server/user'
 
@@ -170,7 +170,6 @@ export default {
   position: absolute;
   top: 10px;
   right: 24px;
-  font-weight: bold;
   display: flex;
   align-items: center;
   color: #6a7a8a;

src/views/student/components/JoinCourse.vue

@@ -11,9 +11,9 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import { mapState } from 'vuex'
 import { chooseCourse } from '@/server/course'
 import CourseDetail from '@/components/CourseDetail'

src/views/student/components/StudentCourseDetail.vue

@@ -9,8 +9,8 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import { mapState } from 'vuex'
 import { quitCourse } from '@/server/course'
 import CourseDetail from '@/components/CourseDetail'

src/views/student/components/StudentCourseSlides.vue

@@ -17,9 +17,9 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import BackTitle from '@/components/BackTitle'
+import BackTitle from '@/components/Basic/BackTitle'
 import SlideCard from '@/components/SlideCard'
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import { studentGetSlidesByCourse } from '@/server/slide'
 import { SET_SLIDE_INFO } from '@/store/types/pdf-types'
 import { SET_COURSE } from '@/store/types/main-types'

src/views/student/components/StudentSlideDetail.vue

@@ -14,8 +14,8 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import SlideDetail from '@/components/SlideDetail'
 import { mapState } from 'vuex'
 import { getSlideUrl } from '@/server/slide'
@@ -56,7 +56,6 @@ export default {
 @import '~@/style/theme.scss';
 
 .detail {
-  font-weight: bold;
   font-size: 14px;
   margin-bottom: 24px;
   color: #7a8a9a;

src/views/student/tabs/StudentCoursesManager.vue

@@ -39,7 +39,7 @@
 
 <script>
 import CourseCard from '@/components/CourseCard'
-import SearchBar from '@/components/SearchBar'
+import SearchBar from '@/components/Basic/SearchBar'
 import { getCourses, studentGetCourses } from '@/server/course'
 import { SET_COURSE } from '@/store/types/main-types'
 import debounce from '@/utils/debounce'
@@ -108,7 +108,6 @@ export default {
 }
 
 .search-result {
-  font-weight: bold;
   margin-bottom: 24px;
 }
 </style>

src/views/student/tabs/StudentExplore.vue

@@ -27,7 +27,7 @@
 <script>
 import CourseCard from '@/components/CourseCard'
 import { studentGetCourses } from '@/server/course'
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import { SET_COURSE } from '@/store/types/main-types'
 
 export default {

src/views/student/tabs/StudentPersonal.vue

@@ -19,8 +19,8 @@
 </template>
 
 <script>
-import CButton from '@/components/CButton'
-import CInput from '@/components/CInput'
+import CButton from '@/components/Basic/CButton'
+import CInput from '@/components/Basic/CInput'
 import { sendEmailCode } from '@/server/code'
 import { logout, modifyUser, resetPasswordByEmail } from '@/server/user'
 import { mapState } from 'vuex'

src/views/teacher/components/CreateNewCourse.vue

@@ -13,9 +13,9 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import { createCourse } from '@/server/course'
 
 export default {

src/views/teacher/components/TeacherCourseDetail.vue

@@ -14,9 +14,9 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import { mapState } from 'vuex'
 import { modifyCourse, removeCourse } from '@/server/course'
 import CourseDetail from '@/components/CourseDetail'
@@ -64,7 +64,6 @@ export default {
 
 <style lang="scss" scoped>
 .detail {
-  font-weight: bold;
   font-size: 14px;
   margin-bottom: 24px;
   color: #7a8a9a;

src/views/teacher/components/TeacherCourseSlides.vue

@@ -18,9 +18,9 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import BackTitle from '@/components/BackTitle'
+import BackTitle from '@/components/Basic/BackTitle'
 import SlideCard from '@/components/SlideCard'
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import { teacherGetSlidesByCourse } from '@/server/slide'
 import { SET_SLIDE_INFO } from '@/store/types/pdf-types'
 import { SET_COURSE } from '@/store/types/main-types'

src/views/teacher/components/TeacherSlideDetail.vue

@@ -30,14 +30,14 @@
 
 <script>
 import TabSideComponent from '@/components/TabSideComponent'
-import CButton from '@/components/CButton'
-import BackTitle from '@/components/BackTitle'
+import CButton from '@/components/Basic/CButton'
+import BackTitle from '@/components/Basic/BackTitle'
 import { mapState } from 'vuex'
 import { getSlideUrl, modifySlide, modifySlideState, removeSlide } from '@/server/slide'
 import { SET_SLIDE_INFO, SET_SRC } from '@/store/types/pdf-types'
 import SlideDetail from '@/components/SlideDetail'
 import slideStateTranslation from '@/server/enums/slide-state-translation'
-import CInput from '@/components/CInput'
+import CInput from '@/components/Basic/CInput'
 import SlideStateBar from '@/components/SlideStateBar'
 
 export default {
@@ -105,7 +105,6 @@ export default {
 @import '~@/style/theme.scss';
 
 .detail {
-  font-weight: bold;
   font-size: 14px;
   margin-bottom: 24px;
   color: #7a8a9a;
@@ -150,7 +149,6 @@ export default {
 }
 
 .tip {
-  font-weight: bold;
   color: $theme-red;
   font-size: 12px;
 }

src/views/teacher/tabs/CreateSlide.vue

@@ -33,9 +33,9 @@
 </template>
 
 <script>
-import CInput from '@/components/CInput'
-import CButton from '@/components/CButton'
-import FileUploader from '@/components/FileUploader'
+import CInput from '@/components/Basic/CInput'
+import CButton from '@/components/Basic/CButton'
+import FileUploader from '@/components/Basic/FileUploader'
 import { teacherGetCourses } from '@/server/course'
 import { createSlide } from '@/server/slide'
 
@@ -106,7 +106,6 @@ export default {
 select {
   box-sizing: border-box;
   font-size: 16px;
-  font-weight: bold;
   color: #3a4a5a;
   background: $input-background-color;
   border-radius: 8px;
@@ -134,7 +133,6 @@ select {
 }
 
 .tip {
-  font-weight: bold;
   color: $theme-red;
   font-size: 12px;
 }

src/views/teacher/tabs/TeacherCoursesManager.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import CourseCard from '@/components/CourseCard'
 import { teacherGetCourses } from '@/server/course'
 import { SET_COURSE } from '@/store/types/main-types'

src/views/teacher/tabs/TeacherExplore.vue

@@ -40,7 +40,7 @@ import SlideCard from '@/components/SlideCard'
 import CourseCard from '@/components/CourseCard'
 import { teacherGetSlides } from '@/server/slide'
 import { teacherGetCourses } from '@/server/course'
-import CButton from '@/components/CButton'
+import CButton from '@/components/Basic/CButton'
 import { SET_SLIDE_INFO } from '@/store/types/pdf-types'
 import { SET_COURSE } from '@/store/types/main-types'
 import { mapState } from 'vuex'

src/views/teacher/tabs/TeacherPersonal.vue

@@ -20,8 +20,8 @@
 </template>
 
 <script>
-import CButton from '@/components/CButton'
-import CInput from '@/components/CInput'
+import CButton from '@/components/Basic/CButton'
+import CInput from '@/components/Basic/CInput'
 import { sendEmailCode } from '@/server/code'
 import { logout, modifyUser, resetPasswordByEmail } from '@/server/user'
 import { mapState } from 'vuex'