diff --git a/config/router.config.js b/config/router.config.js
index b8e656f770e2dc2429df2aad40a3e673b5687e83..b8e5c61f0489396cce5c08866e86e856a597c6fb 100644
--- a/config/router.config.js
+++ b/config/router.config.js
@@ -61,15 +61,87 @@ export default [
{
key: '315',
path: '/exam/question/list',
- isFull: true,
+ isFull: true,
component: './exam/question/list',
},
{
key: '316',
path: '/exam/question/single',
- isFull: true,
+ isFull: true,
component: './exam/question/single',
},
+ {
+ key: '316',
+ path: '/exam/question/multiple',
+ isFull: true,
+ component: './exam/question/multiple',
+ },
+ {
+ key: '316',
+ path: '/exam/question/judgment',
+ isFull: true,
+ component: './exam/question/judgment',
+ },
+ {
+ key: '316',
+ path: '/exam/question/completion',
+ isFull: true,
+ component: './exam/question/completion',
+ },
+ {
+ key: '316',
+ path: '/exam/question/short',
+ isFull: true,
+ component: './exam/question/short',
+ },
+ {
+ key: '316',
+ path: '/exam/question/caseChoice',
+ isFull: true,
+ component: './exam/question/caseChoice',
+ },
+ {
+ key: '316',
+ path: '/exam/question/caseMultiple',
+ isFull: true,
+ component: './exam/question/caseMultiple',
+ },
+ {
+ key: '316',
+ path: '/exam/question/b1',
+ isFull: true,
+ component: './exam/question/b1',
+ },
+ {
+ key: '316',
+ path: '/exam/question/argumentation',
+ isFull: true,
+ component: './exam/question/argumentation',
+ },
+ {
+ key: '316',
+ path: '/exam/question/analytical',
+ isFull: true,
+ component: './exam/question/analytical',
+ },
+ {
+ key: '317',
+ path: '/exam/question/submit/analysis/:type',
+ isFull: true,
+ component: './exam/question/submitAnalysis',
+ },
+ {
+ key: '317',
+ path: '/profile/notice',
+ isFull: true,
+ component: './profile/notice',
+ },
+ {
+ key: '317',
+ path: '/profile/order',
+ isFull: true,
+ component: './profile/order',
+ },
],
},
],
diff --git a/public/images/profile/avatar.png b/public/images/profile/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..08e9200d81ad2706e22f5824f310cf8ccc68af4e
Binary files /dev/null and b/public/images/profile/avatar.png differ
diff --git a/public/images/profile/error-question.svg b/public/images/profile/error-question.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d72ffa8c2d107750a37662ade609f0f5d7696e02
--- /dev/null
+++ b/public/images/profile/error-question.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/join-vip.svg b/public/images/profile/join-vip.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6ffe91305d8e61ffbb933e05396ddd2540721126
--- /dev/null
+++ b/public/images/profile/join-vip.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/link-me.svg b/public/images/profile/link-me.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f2b9cc683e4b1e218fa7a1d554978717b96528cd
--- /dev/null
+++ b/public/images/profile/link-me.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/my-course.svg b/public/images/profile/my-course.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6d71acbf36f1d1ad83282db998b5d8a20d655b56
--- /dev/null
+++ b/public/images/profile/my-course.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/my-order.svg b/public/images/profile/my-order.svg
new file mode 100644
index 0000000000000000000000000000000000000000..33033ef5bb386e77edda16152e56fbc8b6f37449
--- /dev/null
+++ b/public/images/profile/my-order.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/my-start.svg b/public/images/profile/my-start.svg
new file mode 100644
index 0000000000000000000000000000000000000000..cad79a8b8e97b4a6455530a601ce3854dcb4d050
--- /dev/null
+++ b/public/images/profile/my-start.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/notice.svg b/public/images/profile/notice.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7809a53983959278fa3db337094139c50a92662b
--- /dev/null
+++ b/public/images/profile/notice.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/refueling-card.svg b/public/images/profile/refueling-card.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c4ee3ddce16c92419d280a762bf99c0fd143e0f7
--- /dev/null
+++ b/public/images/profile/refueling-card.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/right.svg b/public/images/profile/right.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9a84fa85451fe37c31673ac7bd1a8e316b10e7d7
--- /dev/null
+++ b/public/images/profile/right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/images/profile/signup.svg b/public/images/profile/signup.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d3876dff37ced867ddff7b0ea9bd704b96cb0307
--- /dev/null
+++ b/public/images/profile/signup.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index 91158aac7b42e7b94c661ef9f946818764ddf66c..a113ddcd47c3b09c6dfe7f0e4809b104fd1aba01 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -1,11 +1,11 @@
import React from 'react';
import HomeLayout from './HomeLayout';
import BlankLayout from './BlankLayout';
-
+import {getActiveRoute} from '@/utils';
const Index = (props) => {
console.log(props);
- const item = props.route.routes.find(x => props.location.pathname === x.path);
+ const item =getActiveRoute(props.route.routes,props.location.pathname);
if (item && item.isFull) {
console.log('full layout');
return {props.children};
diff --git a/src/pages/exam/components/analysis/index.js b/src/pages/exam/components/analysis/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..33e229af01ad53d1ef86372f77560a4fc04d2301
--- /dev/null
+++ b/src/pages/exam/components/analysis/index.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from './index.less';
+import { TextareaItem ,Button} from 'antd-mobile';
+
+const Index = () => {
+ return (
+
+
+
题型解析
+
形变是怎么定义的?它有哪些形式?
+
+
+
+
+
+
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/components/analysis/index.less b/src/pages/exam/components/analysis/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..d39106315d8674a155c033bd78e01ab6a8540154
--- /dev/null
+++ b/src/pages/exam/components/analysis/index.less
@@ -0,0 +1,30 @@
+.root{
+ .header{
+ padding: 16px;
+ background-color: #202030;
+ height: 250px;
+ .title{
+ padding: 24px 0;
+ font-size: 28px;
+ color: #ffffff;
+ }
+ .content{
+ color: #A9A9A9;
+ font-size: 14px;
+ }
+ }
+ .action{
+ :global {
+ .am-button {
+ margin: 0 auto;
+ color: #ffffff;
+ line-height: 40px;
+ font-size: 16px;
+ width: 311px;
+ height: 40px;
+ background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
+ border-radius: 20px;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/pages/exam/components/select/index.js b/src/pages/exam/components/select/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..5d7ea894dd7e636d97575df043955eeee74fa3bc
--- /dev/null
+++ b/src/pages/exam/components/select/index.js
@@ -0,0 +1,81 @@
+import React, { useState } from 'react';
+import router from 'umi/router';
+
+import styles from './index.less';
+import config from '@/config';
+import { Button } from 'antd-mobile';
+import classNames from 'classNames';
+import Option from './option';
+const Index = ({ type = 0, analysis, title, total, no, rightAnswer, optionList = [] }) => {
+ const [isShowAnswer, setIsShowAnswer] = useState(false);
+ const [options, setOptions] = useState(optionList);
+
+ const showAnswer = () => {
+ setIsShowAnswer(true);
+ };
+
+ const goSubmitAnalysis = () => {
+ router.push('/exam/question/submit/analysis/0');
+ };
+
+ const selectOption = () => {};
+
+ const handleSelect = (id, isSelected) => {
+ options.forEach(item => {
+ if(type===0){
+ item.isSelected = false;
+ }
+ if (id === item.id) item.isSelected = isSelected;
+
+ });
+ setOptions([...options]);
+ };
+
+ /**
+ * 渲染选项
+ */
+ const renderOption = () => {
+ return options.map((item, index) => {
+ return ;
+ });
+ };
+
+ return (
+
+
+
+ {no}/{total}、{title}
+
+
{renderOption()}
+ {isShowAnswer && (
+
+
正确答案为:{rightAnswer}
+
+ 题型解析:{analysis}
+
+
+ 我要解析
+
+
+ )}
+ {!isShowAnswer && (
+
+
+
+ )}
+
+
+
上一题
+
+ 跳转到
+ 题
+
+
下一题
+
+
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/components/select/index.less b/src/pages/exam/components/select/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..f04e7b6e0cd6a1f57da90f0f22e80904f2881d2c
--- /dev/null
+++ b/src/pages/exam/components/select/index.less
@@ -0,0 +1,119 @@
+.root {
+ height: 100%;
+ font-size: 16px;
+ padding: 16px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .content {
+ .title {
+ color: #202030;
+ font-weight: 600;
+ line-height: 1.5;
+ }
+
+ .options {
+ margin: 24px 0 24px;
+ font-size: 14px;
+ .option {
+ background-color: rgba(250, 250, 250, 1);
+ border-radius: 5px;
+ height: 44px;
+ line-height: 44px;
+ margin-bottom: 16px;
+ padding-left: 16px;
+ position: relative;
+ &.error {
+ background-color: #feeff2;
+ color: #f94268;
+ font-size: 16px;
+ font-weight: 600;
+ }
+ &.right {
+ background-color: #f1fbf6;
+ color: #3dc484;
+ font-size: 16px;
+ font-weight: 600;
+ }
+ &.selected {
+ background-color: #ecf3fe;
+ }
+ img {
+ position: absolute;
+ right: 16px;
+ }
+ }
+ }
+
+ .submit {
+ :global {
+ .am-button {
+ line-height: 40px;
+ font-size: 16px;
+ width: 105px;
+ height: 40px;
+ background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
+ border-radius: 20px;
+ }
+ }
+ }
+
+
+
+ .answer {
+ .rightAnswer {
+ margin-bottom: 16px;
+ color: #3dc484;
+ }
+ .analysis {
+ margin-bottom: 16px;
+ font-size: 14px;
+ color: #202030;
+ line-height: 1.5;
+ span {
+ font-weight: 600;
+ }
+ }
+ .goAnalysis {
+ text-align: right;
+ color: #176aff;
+ }
+ }
+ }
+ .action {
+ display: flex;
+ justify-content: space-between;
+ font-size: 14px;
+ .pre {
+ width: 72px;
+ height: 32px;
+ background: #f9f9f9;
+ border-radius: 16px;
+ color: #cccccc;
+ font-weight: 600;
+ line-height: 32px;
+ text-align: center;
+ }
+ .input {
+ input {
+ width: 36px;
+ height: 26px;
+ border-radius: 4px;
+ border: 1px solid #eff4fe;
+ color: #176aff;
+ font-weight: 500;
+ margin: 0 12px;
+ }
+ }
+ .next {
+ width: 72px;
+ height: 32px;
+ line-height: 32px;
+ background: #e3edfe;
+ border-radius: 16px;
+ color: #176aff;
+ font-weight: 600;
+ text-align: center;
+ }
+ }
+}
diff --git a/src/pages/exam/components/select/option.js b/src/pages/exam/components/select/option.js
new file mode 100644
index 0000000000000000000000000000000000000000..37dd1958f6dcf7487dddecb091fc75ddebf1ecdc
--- /dev/null
+++ b/src/pages/exam/components/select/option.js
@@ -0,0 +1,23 @@
+import React, { useState } from 'react';
+import styles from './index.less';
+import classNames from 'classNames';
+
+const Index = ({ isShowAnswer, isRight,id, no, title,isSelected=false,onSelect }) => {
+ return (
+ <>
+ onSelect(id,!isSelected)}
+ >
+ {no}.{title}
+ {isShowAnswer &&
}
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/components/select/option.less b/src/pages/exam/components/select/option.less
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/pages/exam/question/analytical/index.js b/src/pages/exam/question/analytical/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/analytical/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/analytical/index.less b/src/pages/exam/question/analytical/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/analytical/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/argumentation/index.js b/src/pages/exam/question/argumentation/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/argumentation/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/argumentation/index.less b/src/pages/exam/question/argumentation/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/argumentation/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/b1/index.js b/src/pages/exam/question/b1/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/b1/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/b1/index.less b/src/pages/exam/question/b1/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/b1/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/caseChoice/index.js b/src/pages/exam/question/caseChoice/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/caseChoice/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/caseChoice/index.less b/src/pages/exam/question/caseChoice/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/caseChoice/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/caseMultiple/index.js b/src/pages/exam/question/caseMultiple/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/caseMultiple/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/caseMultiple/index.less b/src/pages/exam/question/caseMultiple/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/caseMultiple/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/completion/index.js b/src/pages/exam/question/completion/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/completion/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/completion/index.less b/src/pages/exam/question/completion/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/completion/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/judgment/index.js b/src/pages/exam/question/judgment/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..6bfb7d63390f6f86b22c929298b00e96665ac624
--- /dev/null
+++ b/src/pages/exam/question/judgment/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:2,
+ no: 1,
+ total: 222,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'T',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'F',
+ title: '矩形备份',
+ isRight: true,
+ }
+ ],
+ rightAnswer:"T",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/judgment/index.less b/src/pages/exam/question/judgment/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/judgment/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/multiple/index.js b/src/pages/exam/question/multiple/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..a8071d53c57b22a69c0b78578fcb0820aeafe1d6
--- /dev/null
+++ b/src/pages/exam/question/multiple/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:0,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/multiple/index.less b/src/pages/exam/question/multiple/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/multiple/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/short/index.js b/src/pages/exam/question/short/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..47290c89f160807e53ec5616be4cb8f83daac01e
--- /dev/null
+++ b/src/pages/exam/question/short/index.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import Select from '../../components/select';
+import styles from './index.less';
+
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
+ };
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/exam/question/short/index.less b/src/pages/exam/question/short/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..7caa5f7724b95e9447cbc00d64c8293605a6335f
--- /dev/null
+++ b/src/pages/exam/question/short/index.less
@@ -0,0 +1,3 @@
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/single/index.js b/src/pages/exam/question/single/index.js
index 0e19765adacf40979192aee1f70c4b6702769d34..47290c89f160807e53ec5616be4cb8f83daac01e 100644
--- a/src/pages/exam/question/single/index.js
+++ b/src/pages/exam/question/single/index.js
@@ -1,96 +1,50 @@
-import React, { useState } from 'react';
+import React from 'react';
+import Select from '../../components/select';
import styles from './index.less';
-import config from '@/config';
-import { Button } from 'antd-mobile';
-import classNames from 'classNames';
-const Index = ({}) => {
- const [isShowAnswer, setIsShowAnswer] = useState(false);
- const [isSelected, setIsSelected] = useState(false);
- const options = [
- {
- id: 1,
- title: '前交通动脉',
- isRight: true,
- },
- {
- id: 1,
- title: '矩形备份',
- isRight: true,
- },
- {
- id: 1,
- title: '矩形备份',
- isRight: true,
- },
- {
- id: 1,
- title: '矩形备份',
- isRight: false,
- },
- {
- id: 1,
- title: '矩形备份',
- isRight: true,
- },
- ];
-
- const showAnswer = () => {
- setIsShowAnswer(true);
- };
-
- const selectOption=()=>{
- }
-
- const renderOption = () => {
- return options.map((item, index) => {
- return (
-
- {config.selectNo[index]}.{item.title}
- {isShowAnswer && (
-
- )}
-
- );
- });
+const Index = () => {
+ const opt = {
+ type:1,
+ no: 1,
+ total: 213,
+ title:
+ '脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?',
+ optionList: [
+ {
+ id:0,
+ no: 'A',
+ title: '前交通动脉',
+ },
+ {
+ id:1,
+ no: 'B',
+ title: '矩形备份',
+ isRight: true,
+ },
+ {
+ id:2,
+ no: 'C',
+ title: '颈内动脉',
+ isRight: true,
+ },
+ {
+ id:3,
+ no: 'D',
+ title: '大脑前动脉',
+ },
+ {
+ id:4,
+ no: 'E',
+ title: '大脑后动脉',
+ },
+ ],
+ rightAnswer:"BD",
+ analysis:"脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。"
};
return (
-
-
- 2/211、脑底动脉环在脑循环中起着非常重要的作用,能沟通脑前脑、后、左、右的血液供应,下列哪条动脉不参与脑底动脉环的组成?
-
-
{renderOption()}
- {isShowAnswer && (
-
-
正确答案为:B
-
- 题型解析
- :脑底动脉环的组成包括颈内动脉,大脑前动脉起始段,前交通动脉,大脑后动脉和后交通动脉,不包括椎动脉。
-
-
- )}
- {!isShowAnswer && (
-
-
-
- )}
-
-
上一题
-
- 跳转到
- 题
-
-
下一题
-
-
+ <>
+
+ >
);
};
diff --git a/src/pages/exam/question/single/index.less b/src/pages/exam/question/single/index.less
index 6720d2edabcfb61983cf8c13e23c44d649111fd3..7caa5f7724b95e9447cbc00d64c8293605a6335f 100644
--- a/src/pages/exam/question/single/index.less
+++ b/src/pages/exam/question/single/index.less
@@ -1,109 +1,3 @@
-.root {
- font-size: 16px;
- padding: 16px;
- .title {
- color: #202030;
- font-weight: 600;
- line-height: 1.5;
- }
-
- .options {
- margin: 32px 0 24px;
- font-size: 14px;
- .option {
- background-color: rgba(250, 250, 250, 1);
- border-radius: 5px;
- height: 44px;
- line-height: 44px;
- margin-bottom: 16px;
- padding-left: 16px;
- position: relative;
- &.error {
- background-color: #feeff2;
- color: #f94268;
- font-size: 16px;
- font-weight: 600;
- }
- &.right {
- background-color: #f1fbf6;
- color: #3dc484;
- font-size: 16px;
- font-weight: 600;
- }
- &.selected {
- background-color: #ecf3fe;
- }
- img {
- position: absolute;
- right: 16px;
- }
- }
- }
-
- .submit {
- :global {
- .am-button {
- line-height: 40px;
- font-size: 16px;
- width: 105px;
- height: 40px;
- background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
- border-radius: 20px;
- }
- }
- }
-
- .action {
- display: flex;
- justify-content: space-between;
- font-size: 14px;
- margin-top: 48px;
- .pre {
- width: 72px;
- height: 32px;
- background: #f9f9f9;
- border-radius: 16px;
- color: #cccccc;
- font-weight: 600;
- line-height: 32px;
- text-align: center;
- }
- .input {
- input {
- width: 36px;
- height: 26px;
- border-radius: 4px;
- border: 1px solid #eff4fe;
- color: #176aff;
- font-weight: 500;
- margin: 0 12px;
- }
- }
- .next {
- width: 72px;
- height: 32px;
- line-height: 32px;
- background: #e3edfe;
- border-radius: 16px;
- color: #176aff;
- font-weight: 600;
- text-align: center;
- }
- }
-
- .answer {
- .rightAnswer {
- margin-bottom: 16px;
- color: #3dc484;
- }
- .analysis {
- margin-bottom: 16px;
- font-size: 14px;
- color: #202030;
- line-height: 1.5;
- span {
- font-weight: 600;
- }
- }
- }
-}
+.root{
+
+}
\ No newline at end of file
diff --git a/src/pages/exam/question/submitAnalysis/index.js b/src/pages/exam/question/submitAnalysis/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..5aafdc06f60c330029ef3e803e21011c4fb8bca8
--- /dev/null
+++ b/src/pages/exam/question/submitAnalysis/index.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import Analysis from '../../components/analysis';
+const Index = () => {
+ return (
+ <>
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/profile/index.js b/src/pages/profile/index.js
index b405e41690ef9c807e935033becdc4534b02aa3a..cef9e00962339909113a3cf7d339eaf21c7c52a8 100644
--- a/src/pages/profile/index.js
+++ b/src/pages/profile/index.js
@@ -1,8 +1,144 @@
-import React from "react";
-import styles from "./index.less";
+import React from 'react';
+import styles from './index.less';
+import { List } from 'antd-mobile';
+import Icon from 'components/Icon';
+import router from 'umi/router';
+const Item = List.Item;
+const iconOpt = {
+ color: '#555661',
+};
const Index = () => {
- return 个人中心
;
+ return (
+
+
+
+
+
+
+
+
+
+
+
我的余额
+
+
1000
+
+
+
+
+
我的积分
+
+
5000
+
+
+
+
+
+
+
+
+
+ - {router.push('/list');}}>
+
+
{}}
+ type={require('public/images/profile/signup.svg')}
+ />
+ 签到
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/join-vip.svg')}
+ />
+ 加入会员
+
+
+ - {}}>
+
+
{router.push('/profile/order');}}
+ {...iconOpt}
+ type={require('public/images/profile/my-order.svg')}
+ />
+ 我的订单
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/error-question.svg')}
+ />
+ 错题集
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/my-course.svg')}
+ />
+ 我的课程
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/my-start.svg')}
+ />
+ 我的收藏
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/refueling-card.svg')}
+ />
+ 学习加油卡
+
+
+ - {}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/link-me.svg')}
+ />
+ 联系我们(微信)
+
+
+ - {router.push('/profile/notice');}}>
+
+
{}}
+ {...iconOpt}
+ type={require('public/images/profile/notice.svg')}
+ />
+ 通知公告
+
+
+
+
+
+
+ );
};
export default Index;
diff --git a/src/pages/profile/index.less b/src/pages/profile/index.less
index 185e2bb9ccb74f5a3d807f5d54f5a3f500010301..928b846f83a3983f0ee51d313c5bc979413c2fbc 100644
--- a/src/pages/profile/index.less
+++ b/src/pages/profile/index.less
@@ -1,3 +1,139 @@
-.root{
-
-}
\ No newline at end of file
+@import '~@/themes/vars.less';
+
+.root {
+ width: 100%;
+ .header {
+ height: 211px;
+ background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
+ width: 100%;
+ position: relative;
+ .dashboard {
+ padding: 16px;
+ left: 5%;
+ right: 5%;
+ bottom: -56px;
+ position: absolute;
+ width: 343px;
+ height: 190px;
+ background: rgba(255, 255, 255, 1);
+ box-shadow: 0px 2px 12px 0px rgba(23, 106, 255, 0.16);
+ border-radius: 8px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ .top {
+ display: flex;
+ // justify-content: space-between;
+ .avatar {
+ width: 68px;
+ height: 68px;
+ max-width: 100%;
+ max-height: 100%;
+ box-shadow: 0px 2px 12px 0px rgba(23, 106, 255, 0.16);
+ // border-radius: 34px;
+ }
+ .basic {
+ padding-left: 24px;
+ .name {
+ width: 72px;
+ height: 33px;
+ font-size: 24px;
+ font-weight: 600;
+ color: rgba(32, 32, 48, 1);
+ line-height: 33px;
+ }
+ .phone {
+ width: 93px;
+ height: 20px;
+ font-size: 14px;
+ font-weight: 500;
+ color: rgba(32, 32, 48, 1);
+ line-height: 20px;
+ }
+ }
+ .action {
+ position: absolute;
+ top: 20%;
+ right: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ .vip {
+ width: 82px;
+ height: 32px;
+ background: linear-gradient(
+ 90deg,
+ rgba(255, 197, 25, 1) 0%,
+ rgba(255, 150, 19, 1) 100%
+ );
+ border-radius: 100px 0px 0px 100px;
+ font-weight: 500;
+ color: rgba(255, 255, 255, 1);
+ line-height: 32px;
+ /* margin: auto 0; */
+ text-align: center;
+ }
+ }
+ }
+ .bottom {
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ .item {
+ width: 40%;
+ .title {
+ width: 64px;
+ height: 22px;
+ font-size: 16px;
+ font-weight: 500;
+ color: rgba(153, 153, 153, 1);
+ line-height: 22px;
+ }
+ .count {
+ span {
+ width: 70px;
+ height: 41px;
+ font-size: 32px;
+ font-weight: bold;
+ color: rgba(32, 32, 48, 1);
+ line-height: 41px;
+ }
+ display: flex;
+ justify-content: space-between;
+ img {
+ height: 22px;
+ margin-top: 10px;
+ color: #999999;
+ }
+ }
+ }
+ }
+ }
+ }
+ .content {
+ margin-top: 64px;
+ .list {
+ .item {
+ display: flex;
+ .label {
+ line-height: 22px;
+ padding-left: @space-xxs;
+ }
+ }
+ :global {
+ .am-list-item {
+ .am-list-line {
+ .am-list-content {
+ color: #202030;
+ font-size: 16px;
+ .am-icon {
+ width: 22px;
+ height: 22px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/pages/profile/notice/index.js b/src/pages/profile/notice/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..12267eec9d379bbce0a8207c78e7b297d388392f
--- /dev/null
+++ b/src/pages/profile/notice/index.js
@@ -0,0 +1,35 @@
+import React from 'react';
+import styles from './index.less';
+
+const list = [
+ {
+ title: '关于医考通知',
+ content: '报考传统医学师承或确有专长类别医师资格考试的,还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
+ noticeTime: '2012.01.23',
+ },
+ {
+ title: '关于医考通知',
+ content: '报考传统医学师承或确有专长类别医师资格考试的,还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
+ noticeTime: '2012.01.23',
+ },
+ {
+ title: '关于医考通知',
+ content: '报考传统医学师承或确有专长类别医师资格考试的,还需提交传统医学师承出师证书或传统医学医术确有专长证书。',
+ noticeTime: '2012.01.23',
+ },
+];
+const Index = () => {
+ const renderItem = () => {
+ return list.map(({ title, content, noticeTime }) => {
+ return (
+
+
{title}
+
{content}
+
{noticeTime}
+
+ );
+ });
+ };
+ return {renderItem()}
;
+};
+export default Index;
diff --git a/src/pages/profile/notice/index.less b/src/pages/profile/notice/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..741721650a013511ff23f61d951ff611a4b80e03
--- /dev/null
+++ b/src/pages/profile/notice/index.less
@@ -0,0 +1,28 @@
+.root {
+ height: 100%;
+ background:rgba(247,247,247,1);
+ padding: 16px;
+ .item {
+ min-height: 121px;
+ background: rgba(255, 255, 255, 1);
+ border-radius: 4px;
+ margin-bottom: 16px;
+ padding: 24px 16px;
+ .title{
+ color: #202030;
+ font-size: 16px;
+ font-weight:600;
+ margin-bottom: 8px;
+ }
+ .content{
+ color: #909096;
+ font-size: 12px;
+ line-height: 1.5;
+ }
+ .noticeTime{
+ text-align: right;
+ color: #CCCCCC;
+ font-size: 12px;
+ }
+ }
+}
diff --git a/src/pages/profile/order/index.js b/src/pages/profile/order/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..49c9f4746ea1955a96c878267449aa32c1f5953b
--- /dev/null
+++ b/src/pages/profile/order/index.js
@@ -0,0 +1,55 @@
+import React from 'react';
+import styles from './index.less';
+
+const list = [
+ {
+ title: '医学细胞生物学(本临床定向)',
+ courseType: '购买普通课程',
+ buyTime: '2012.01.23',
+ invalidTime: '2012.01.23',
+ amount: 8,
+ },
+ {
+ title: '医学细胞生物学(本临床定向)',
+ courseType: '购买普通课程',
+ buyTime: '2012.01.23',
+ invalidTime: '2012.01.23',
+ amount: 8,
+ },
+ {
+ title: '医学细胞生物学(本临床定向)',
+ courseType: '购买普通课程',
+ buyTime: '2012.01.23',
+ invalidTime: '2012.01.23',
+ amount: 8,
+ },
+];
+const Index = () => {
+ const renderItem = () => {
+ return list.map(({ title, courseType, buyTime, invalidTime, amount }) => {
+ return (
+
+
+
+
{title}
+
{courseType}
+
+
-{amount}
+
+
+
+ 购买时间
+ {buyTime}
+
+
+ 失效时间
+ {invalidTime}
+
+
+
+ );
+ });
+ };
+ return {renderItem()}
;
+};
+export default Index;
diff --git a/src/pages/profile/order/index.less b/src/pages/profile/order/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..741721650a013511ff23f61d951ff611a4b80e03
--- /dev/null
+++ b/src/pages/profile/order/index.less
@@ -0,0 +1,28 @@
+.root {
+ height: 100%;
+ background:rgba(247,247,247,1);
+ padding: 16px;
+ .item {
+ min-height: 121px;
+ background: rgba(255, 255, 255, 1);
+ border-radius: 4px;
+ margin-bottom: 16px;
+ padding: 24px 16px;
+ .title{
+ color: #202030;
+ font-size: 16px;
+ font-weight:600;
+ margin-bottom: 8px;
+ }
+ .content{
+ color: #909096;
+ font-size: 12px;
+ line-height: 1.5;
+ }
+ .noticeTime{
+ text-align: right;
+ color: #CCCCCC;
+ font-size: 12px;
+ }
+ }
+}
diff --git a/src/pages/profile/signIn/index.js b/src/pages/profile/signIn/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/pages/profile/signIn/index.less b/src/pages/profile/signIn/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/pages/user/signUp/index.less b/src/pages/user/signUp/index.less
index e7847d35742e66905228d7eba82155f3d3bf896c..3134db8f1e16f4ca9b9b0ba60de6767b72d4d4d0 100644
--- a/src/pages/user/signUp/index.less
+++ b/src/pages/user/signUp/index.less
@@ -9,6 +9,7 @@
:global{
.am-button{
border-radius: 25px;
+ background: linear-gradient(270deg, rgba(23, 106, 254, 1) 0%, rgba(97, 159, 255, 1) 100%);
}
.am-list-item .am-list-line{
.am-list-content{
diff --git a/src/utils/index.js b/src/utils/index.js
index 1f65a2c1965d1c86885d8bd297725ea7f5f538b6..36c517072e5ba23c0db83dff9c8ecfbad881d76e 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -15,3 +15,14 @@ export const getActiveMenu = (menus = [], pathname) => {
}
return undefined;
};
+
+
+export const getActiveRoute = (routes = [], pathname) => {
+ for(let i=0;i