-
-
@@ -210,37 +242,48 @@ export default {
/deep/.no-mb.el-form-item{
margin-bottom: 0;
}
- .show-wrap{
- .metas{
+ .ques{
+ .key{
+ font-weight: bold;
+ color: #333;
+ font-size: 14px;
+ }
+ .val{
+ line-height: 1.6;
+ color: #757575;
+ font-size: 14px;
+ }
+ .answer{
display: flex;
- justify-content: center;
- margin: 0 0 30px;
- .name{
- font-size: 12px;
- color: #717171;
- }
- .val{
- font-size: 12px;
- color: #929292;
+ align-items: center;
+ padding: 15px;
+ margin: 15px 0;
+ font-size: 12px;
+ border: 1px solid #e8e8e8;
+ background-color: #f3f2f2;
+ .info{
+ display: inline-flex;
+ align-items: center;
+ margin-right: 30px;
}
}
- .detail{
- .meta{
- padding-left: 10px;
- margin: 20px 0;
- font-size: 12px;
- &.ans{
- display: flex;
- align-items: center;
- .info{
- margin-right: 20px;
- }
- }
- .key{
- margin-bottom: 5px;
+ .meta{
+ padding-left: 10px;
+ margin: 20px 0;
+ font-size: 12px;
+ &.ans{
+ display: flex;
+ align-items: center;
+ .info{
+ margin-right: 20px;
}
}
+ .key{
+ margin-bottom: 5px;
+ }
+ .media{
+ margin-top: 10px;
+ }
}
}
-
\ No newline at end of file
diff --git a/src/router/modules/index.js b/src/router/modules/index.js
new file mode 100644
index 0000000..ec9fd1d
--- /dev/null
+++ b/src/router/modules/index.js
@@ -0,0 +1,23 @@
+import BasicLayout from '@/layouts/home';
+
+const meta = {};
+
+const pre = 'index-';
+
+export default {
+ path: '/index',
+ name: 'index',
+ redirect: {
+ name: `${pre}list`
+ },
+ meta,
+ component: BasicLayout,
+ children: [
+ {
+ name: `${pre}list`,
+ path: `list`,
+ component: () => import('@/pages/index/list'),
+ meta: { title: '首页' }
+ },
+ ]
+};
diff --git a/src/router/modules/messageBoard.js b/src/router/modules/messageBoard.js
new file mode 100644
index 0000000..d71f91b
--- /dev/null
+++ b/src/router/modules/messageBoard.js
@@ -0,0 +1,23 @@
+import BasicLayout from '@/layouts/home';
+
+const meta = {};
+
+const pre = 'messageBoard-';
+
+export default {
+ path: '/messageBoard',
+ name: 'messageBoard',
+ redirect: {
+ name: `${pre}list`
+ },
+ meta,
+ component: BasicLayout,
+ children: [
+ {
+ name: `${pre}list`,
+ path: `list`,
+ component: () => import('@/pages/messageBoard/list'),
+ meta: { title: '交流互动' }
+ },
+ ]
+};
diff --git a/src/router/modules/practice.js b/src/router/modules/practice.js
index 6fe5a18..f5fcda9 100644
--- a/src/router/modules/practice.js
+++ b/src/router/modules/practice.js
@@ -2,11 +2,11 @@ import BasicLayout from '@/layouts/home';
const meta = {};
-const pre = 'index-';
+const pre = 'practice-';
export default {
- path: '/index',
- name: 'index',
+ path: '/practice',
+ name: 'practice',
redirect: {
name: `${pre}list`
},
diff --git a/src/router/modules/wrongBook.js b/src/router/modules/wrongBook.js
index 81d561e..2ea048a 100644
--- a/src/router/modules/wrongBook.js
+++ b/src/router/modules/wrongBook.js
@@ -18,6 +18,11 @@ export default {
path: `list`,
component: () => import('@/pages/wrongBook/list'),
meta: { title: '我的错题本' }
+ },{
+ name: `${pre}do`,
+ path: `do`,
+ component: () => import('@/pages/wrongBook/do'),
+ meta: { title: '错题练习' }
},
]
};
diff --git a/src/router/routes.js b/src/router/routes.js
index 8c4c25a..289b7a2 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,8 +1,10 @@
+import index from './modules/index';
import practice from './modules/practice';
import exam from './modules/exam';
import achievement from './modules/achievement';
import wrongBook from './modules/wrongBook';
import setting from './modules/setting';
+import messageBoard from './modules/messageBoard';
import BasicLayout from '@/layouts/home';
@@ -17,11 +19,13 @@ const frameIn = [
meta: { title: '首页' },
children: []
},
+ index,
practice,
exam,
achievement,
wrongBook,
setting,
+ messageBoard
]
/**
diff --git a/src/setting.js b/src/setting.js
index e667c19..31a33ce 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -53,7 +53,7 @@ const Setting = {
menuSideWidth: 256,
layout: {
// 需要隐藏顶栏的页面路径
- hideNavList: ['index-do','index-randomDo','setting-person','achievement-detail','achievement-practice','exam-do','exam-detail'],
+ hideNavList: ['practice-do','practice-randomDo','setting-person','achievement-detail','achievement-practice','exam-do','exam-detail','wrongBook-do'],
// 侧边栏风格,可选值为 dark 或 light
siderTheme: 'dark',
// 顶栏风格,可选值为 light、dark 或 primary
diff --git a/src/store/modules/wrongBook.js b/src/store/modules/wrongBook.js
new file mode 100644
index 0000000..2fdfdc8
--- /dev/null
+++ b/src/store/modules/wrongBook.js
@@ -0,0 +1,22 @@
+/**
+ * 我的错题本
+ * */
+export default {
+ namespaced: true,
+ state: {
+ qid: ''
+ },
+ getters: {
+
+ },
+ mutations: {
+ SET_INFO: (state, info) => {
+ state.qid = info.qid
+ },
+ },
+ actions: {
+ setInfo({ commit },info) {
+ commit('SET_INFO',info)
+ },
+ }
+}
\ No newline at end of file
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 70e1d04..9b32078 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -60,25 +60,17 @@
margin-right: 5px;
color: #F56C6C;
}
-.hr_tag{
- background-color: $--color-primary;
- width: 3px;
- height: 15px;
- margin-right: 5px;
-}
-
-.per_title span{
- font-size: 16px;
- font-weight: bold;
-}
-.per_back{
- margin-left: 5px;
-}
-.per_school{
- margin-left: 30px;
-}
-.per_title:hover{
- cursor:pointer;
+.p-title{
+ display: flex;
+ align-items: center;
+ &:before{
+ content: '';
+ display: inline-block;
+ width: 3px;
+ height: 15px;
+ margin-right: 5px;
+ background-color: $--color-primary;
+ }
}
[v-cloak] {
diff --git a/src/styles/pages/exam.scss b/src/styles/pages/exam.scss
new file mode 100644
index 0000000..94201a9
--- /dev/null
+++ b/src/styles/pages/exam.scss
@@ -0,0 +1,147 @@
+$borderColor: #ececec;
+.box{
+ display: flex;
+ justify-content: space-between;
+ width: 90%;
+ margin: 0 auto;
+ .left,.middle,.right{
+ border: 1px solid $borderColor;
+ }
+ .left,.right{
+ width: 160px;
+ padding: 10px;
+ margin-right: 10px;
+ box-sizing: border-box;
+ .title{
+ padding: 10px 0;
+ font-size: 14px;
+ color: #444;
+ text-align: center;
+ }
+ .item{
+ padding: 10px 0;
+ margin-bottom: 10px;
+ border-bottom: 1px solid $borderColor;
+ .type,.total{
+ color: #444;
+ font-size: 12px;
+ }
+ .total{
+ margin: 10px 0;
+ }
+ .nums{
+ display: flex;
+ flex-wrap: wrap;
+ span{
+ width: 24px;
+ margin: 2px 1px;
+ line-height: 24px;
+ text-align: center;
+ color: #888;
+ font-size: 10px;
+ box-sizing: border-box;
+ border: 1px solid #e6e6e6;
+ border-radius: 50%;
+ }
+ .active{
+ color: #fff;
+ background-color: #e80909;
+ border-color: #e80909;
+ }
+ }
+ }
+ .btn{
+ margin: 20px 0;
+ text-align: center;
+ }
+ }
+ .middle{
+ flex: 1;
+ margin-right: 10px;
+ overflow: auto;
+ .title{
+ padding: 10px;
+ margin-bottom: 10px;
+ font-size: 14px;
+ color: #444;
+ border-bottom: 1px solid $borderColor;
+ }
+ .ques{
+ .ques-wrap{
+ padding: 0 15px;
+ margin: 10px 0 20px;
+ }
+ .item{
+ margin: 10px 0 20px;
+ &:first-child{
+ margin-top: 0;
+ }
+ .name-wrap{
+ display: flex;
+ align-items: center;
+ margin-bottom: 10px;
+ font-size: 13px;
+ color: #444;
+ .index{
+ font-size: 13px;
+ color: #444;
+ }
+ /deep/.input{
+ width: 100px;
+ height: 28px;
+ padding: 0 5px;
+ margin: 0 5px;
+ color: #444;
+ background-color: #fff;
+ border: 1px solid #ebebeb;
+ box-sizing: border-box;
+ &:focus{
+ outline: none;
+ }
+ &:disabled{
+ background-color: #e8e8e8;
+ cursor: not-allowed;
+ }
+ }
+ }
+ .options{
+ margin-top: 10px;
+ font-size: 14px;
+ color: #8b8b8b;
+ .option{
+ margin: 5px 0;
+ &.selected{
+ font-weight: bold;
+ color: #555;
+ }
+ .el-radio-group{
+ display: flex;
+ flex-direction: column;
+ .el-radio{
+ margin: 3px 0;
+ }
+ }
+ }
+ .option-check{
+ display: block;
+ margin-right: 6px;
+ }
+ /deep/.el-radio__label{
+ padding-left: 6px;
+ }
+ }
+ }
+ }
+ }
+ .right{
+ .time,.ans{
+ font-size: 14px;
+ color: #444;
+ text-align: center;
+ }
+ .ans{
+ margin: 20px 0 10px;
+ font-size: 15px;
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/styles/pages/messageBoard.scss b/src/styles/pages/messageBoard.scss
new file mode 100644
index 0000000..7e98833
--- /dev/null
+++ b/src/styles/pages/messageBoard.scss
@@ -0,0 +1,85 @@
+.list{
+ li{
+ padding-bottom: 10px;
+ border-top: 1px solid #f1f1f1;
+ &:first-child{
+ border-top: 0;
+ }
+ .inner{
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ padding: 10px 0 20px;
+ .avatar{
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ }
+ .texts{
+ flex: 1;
+ margin-left: 10px;
+ .title{
+ margin-bottom: 5px;
+ font-size: 14px;
+ .username{
+ color: $main-color;
+ }
+ .publish{
+ margin: 0 5px;
+ color: #d6d6d6;
+ }
+ .date{
+ color: #b5b5b5;
+ }
+ }
+ }
+ .right{
+ .index{
+ font-size: 12px;
+ color: #ccc;
+ }
+ }
+ }
+ .action{
+ text-align: right;
+ .btn{
+ padding: 2px 4px;
+ color: $main-color;
+ font-size: 12px;
+ background-color: #fff;
+ border: 1px solid;
+ border-radius: 4px;
+ cursor: pointer;
+ &:hover{
+ opacity: .8;
+ }
+ &:first-child{
+ margin-right: 5px;
+ }
+ }
+ }
+ .reply{
+ margin-top: 20px;
+ }
+ }
+ &.children{
+ padding: 0 10px 10px;
+ margin: 10px 0 0 30px;
+ background-color: #f3f4f6;
+ li{
+ border-top-color: #fff;
+ }
+ }
+}
+.toggle{
+ margin: 10px 0;
+ text-align: center;
+ color: $main-color;
+ font-size: 12px;
+ span{
+ cursor: pointer;
+ }
+}
+/deep/.quill{
+ background-color: #fff;
+}
\ No newline at end of file
diff --git a/src/styles/pages/tree.scss b/src/styles/pages/tree.scss
index 59af75b..f540890 100644
--- a/src/styles/pages/tree.scss
+++ b/src/styles/pages/tree.scss
@@ -1,3 +1,5 @@
+@import "../default/index.scss";
+
$insideColor: rgba(245, 242, 255, 0.8); //内部节点的边框颜色
$outColor: rgba(255, 255, 255, 0.8); //外部节点的边框颜色
//混合代码,提取item共同样式
@@ -59,7 +61,7 @@ $outColor: rgba(255, 255, 255, 0.8); //外部节点的边框颜色
margin-left:95px
}
.item2:hover{
- color: #cb221c;
+ color: $--color-primary;
}
.edit{
display: inline-block;