侧栏样式

client/src/assets/languages/en.json

@@ -10,17 +10,17 @@
   },
   "action": {
     "courseAction": {
-      "all": "全部",
-      "mustLearn": "必修课",
-      "changeLearn": "选修课",
-      "repeatLearn": "重修课",
+      "all": "All",
+      "mustLearn": "Required",
+      "changeLearn": "Elective",
+      "repeatLearn": "Retake",
       "changeStatus": "选修状态",
       "noChange": "未选修",
       "alreadyChange": "已选修",
-      "publish": "已发布",
-      "noPublish": "未发布",
-      "credit": "学分",
-      "to": " 至 ",
+      "publish": "Published",
+      "noPublish": "Unpublished",
+      "credit": "Credits",
+      "to": " to ",
       "totalScore": "总成绩：",
       "none": "暂无"
     }
@@ -28,22 +28,22 @@
   "components": {
     "learnSysLayout": {
       "navigation": {
-        "title": "在线学习系统",
-        "tip": "通知"
+        "title": "Online Learning System",
+        "tip": "Notifications"
       },
       "sideBar": {
-        "updatePic": "修改头像",
+        "updatePic": "Change profile photo",
         "updateAvatar": "人物头像",
-        "updatePwd": "修改密码",
-        "outLogin": "退出登录",
-        "header1": "我的学习",
-        "header1Child1": "我的课程",
-        "header1Child2": "课程讨论",
-        "header1Child3": "学术报告",
-        "header2": "我的成绩",
-        "header2Child1": "我的学分",
+        "updatePwd": "Change password",
+        "outLogin": "Sign out",
+        "header1": "Learning",
+        "header1Child1": "Course",
+        "header1Child2": "Discussions",
+        "header1Child3": "Academic Report",
+        "header2": "Grades",
+        "header2Child1": "My Credit",
         "header3": "办事大厅",
-        "header4": "意见反馈"
+        "header4": "Feedback"
       }
     },
     "errorPages": {
@@ -57,24 +57,24 @@
   "pages": {
     "learn": {
       "course": {
-        "title": "我的课程",
-        "goCourseAllStr": "请去选课广场选课",
-        "noFitCourseStr": "暂无符合条件的课程",
-        "noCourseStr": "暂无相关课程",
-        "semeter": "学期",
-        "courseType": "课程类型",
-        "allLearn": "全部",
-        "mustLearn": "必修课",
-        "changeLearn": "选修课",
-        "repeatLearn": "重修课",
+        "title": "Course",
+        "goCourseAllStr": "Please go to select courses",
+        "noFitCourseStr": "No eligible courses",
+        "noCourseStr": "No related courses",
+        "semeter": "Term",
+        "courseType": "Type",
+        "allLearn": "All",
+        "mustLearn": "Required",
+        "changeLearn": "Elective",
+        "repeatLearn": "Retake",
         "changeStatus": "选修状态",
         "noChange": "未选修",
-        "alreadyChange": "已选修",
-        "lastLearn": "最近学习",
-        "updateTime": "选修时间",
+        "alreadyChange": "Elective",
+        "lastLearn": "Recent Study",
+        "updateTime": "Elective Time",
         "changeCourse": "选课广场",
-        "showCourse": "查看课程",
-        "progress": "视频观看进度"
+        "showCourse": "View",
+        "progress": "Video viewing progress"
       },
       "discussion": {
         "title": "Course discussion",

client/src/components/learnSysLayout/sidebar.vue

@@ -172,7 +172,19 @@ export default {
   &.el-menu--collapse {
     display: none;
   }
+  .el-menu-item {
+    text-align: center;
+    i{
+      margin-left: -35px;
+    }
+  }
   .el-submenu {
+    text-align: center;
+    font-size:18px;
+    color: #333333;
+    i{
+      margin-left: -35px;
+    }
     .el-menu-item {
       overflow: hidden;
       text-overflow: ellipsis;
@@ -192,8 +204,8 @@ export default {
       img {
         display: block;
         margin: 0 auto;
-        width: 80px;
-        height: 80px;
+        width: 70px;
+        height: 70px;
         border-radius: 50%;
       }
       &:hover {
@@ -225,6 +237,14 @@ export default {
   height: 100%;
   cursor: ew-resize;
 }
+.com-txt{
+  color: #999999;
+  font-size:14px;
+}
+.el-menu-item.is-active{
+  color: #71C0FF;
+  font-size:18px;
+}
 
 @media (max-width: 767px) {
   // .el-aside {

client/src/pages/mainsite.vue

@@ -35,7 +35,7 @@ export default {
        */
       sidebar: {
         containerStyle: null,
-        sidebarStyle: { width: '200px' },
+        sidebarStyle: { width: '263px' },
         status: false,
         beforeMoveInitX: 0,
         isMouseDown: false