Skip to content

GitLab

Y
yikao-react
Commit 02a849f7 authored by duanledexianxianxian's avatar duanledexianxianxian 😁
Browse files
Options

sync

parent 741df695
Show whitespace changes
Inline Side-by-side
Showing with 1325 additions and 208 deletions
config/router.config.js
View file @ 02a849f7
......@@ -70,6 +70,78 @@ export default [
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',
},
],
},
],
......
public/images/profile/error-question.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413251740" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2163" width="128" height="128"><path d="M209.454545 721.454545H244.363636a34.909091 34.909091 0 0 1 0 69.818182H209.454545v93.207273a58.181818 58.181818 0 0 0 58.181819 58.181818h128v-861.090909H267.636364a58.181818 58.181818 0 0 0-58.181819 58.181818V256H244.363636a34.909091 34.909091 0 0 1 0 69.818182H209.454545v162.909091H244.363636a34.909091 34.909091 0 0 1 0 69.818182H209.454545v162.90909z m-69.818181 69.818182H104.727273a34.909091 34.909091 0 0 1 0-69.818182h34.909091v-162.90909H104.727273a34.909091 34.909091 0 0 1 0-69.818182h34.909091v-162.909091H104.727273a34.909091 34.909091 0 0 1 0-69.818182h34.909091V139.752727A128 128 0 0 1 267.636364 11.752727h558.545454a128 128 0 0 1 128 128v744.727273a128 128 0 0 1-128 128H267.636364a128 128 0 0 1-128-128V791.272727z m302.545454-709.701818v861.090909H826.181818a58.181818 58.181818 0 0 0 58.181818-58.181818v-744.727273a58.181818 58.181818 0 0 0-58.181818-58.181818H442.181818z m196.421818 455.121455a34.909091 34.909091 0 0 0 49.338182 0L663.272727 561.338182l-24.669091-24.669091zM613.888 512l-90.530909-90.530909c-32.907636-32.884364 16.477091-82.269091 49.384727-49.338182L663.272727 462.638545l90.530909-90.530909c32.884364-32.907636 82.269091 16.477091 49.338182 49.384728L712.634182 512l90.530909 90.530909c32.907636 32.884364-16.477091 82.269091-49.384727 49.338182L663.272727 561.361455l-90.530909 90.530909c-32.884364 32.907636-82.269091-16.477091-49.338182-49.384728L613.911273 512zM663.272727 462.638545l24.669091 24.669091a34.909091 34.909091 0 0 0-49.338182 0L663.272727 462.661818z m0 98.72291l24.669091-24.669091h-49.338182L663.272727 561.338182z m0-98.72291l-24.669091 24.669091h49.338182L663.272727 462.661818z" p-id="2164"></path></svg>
\ No newline at end of file
public/images/profile/join-vip.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413266401" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2297" width="128" height="128"><path d="M273.408 955.392c-12.8 0-23.04-11.776-23.04-26.112s10.24-26.624 23.04-26.624h475.648c12.8 0 23.04 11.776 23.04 26.624s-10.24 26.112-23.04 26.112H273.408zM261.12 794.112c-20.992 0-39.936-16.384-44.032-38.912 0-1.024-0.512-2.048-0.512-3.072l-25.088-287.232-8.192-2.56c-3.072-1.024-6.144-2.56-10.24-4.096-13.312-6.144-25.6-14.848-36.352-26.112-10.24-11.264-18.944-24.576-24.576-39.424-6.144-15.36-9.216-31.744-9.216-48.128 0-16.896 3.072-32.768 9.216-48.128 5.632-14.848 14.336-28.16 24.576-39.424s22.528-19.968 36.352-26.112c14.336-6.144 29.184-9.728 44.032-9.728s30.208 3.072 44.032 9.728c13.824 6.144 25.6 14.848 36.352 26.112 10.24 11.264 18.944 24.576 24.576 39.424 6.144 15.36 9.216 31.744 9.216 48.128 0 6.144-0.512 11.264-1.024 16.896l-1.024 6.656 44.032 48.64 54.272-135.68-5.12-6.656c-16.896-22.016-26.112-49.664-26.112-78.336 0-16.896 3.072-32.768 9.216-48.128 6.144-14.848 14.336-28.16 24.576-39.424s22.528-19.968 36.352-26.112c14.336-6.144 29.184-9.728 44.032-9.728 15.36 0 30.208 3.072 44.032 9.728 13.824 6.144 25.6 14.848 36.352 26.112 10.24 11.264 18.944 24.576 24.576 39.424 6.144 15.36 9.216 31.744 9.216 48.128 0 28.16-9.216 56.32-26.112 78.336l-5.12 6.656 54.272 135.68 44.032-49.152-1.024-6.656c-0.512-5.12-1.024-10.752-1.024-16.896 0-16.896 3.072-32.768 9.216-48.128 5.632-14.848 14.336-28.16 24.576-39.424 10.752-11.264 23.04-20.48 36.352-26.112 14.336-6.144 29.184-9.728 44.032-9.728 15.36 0 30.208 3.072 44.032 9.728 13.824 6.144 25.6 14.848 36.352 26.112 10.24 11.264 18.944 24.576 24.576 39.424 6.144 15.36 9.216 31.744 9.216 48.128 0 16.896-3.072 32.768-9.216 48.128-5.632 14.848-14.336 28.16-24.576 39.424-10.752 11.264-23.04 20.48-36.352 26.112-3.072 1.536-6.656 3.072-10.24 4.096l-8.192 2.56-25.088 287.232c0 1.024 0 2.048-0.512 3.072-4.608 22.528-23.04 38.912-44.032 38.912H261.12zM217.088 273.92c-9.216 0-18.432 2.048-27.136 5.632-8.192 3.584-15.36 8.704-21.504 15.872-6.144 6.656-10.752 13.824-14.336 22.016-3.584 8.704-5.12 17.408-5.12 26.624 0 9.216 1.536 18.432 5.12 26.624 3.584 8.704 8.192 16.384 14.336 22.528 6.144 6.656 13.312 11.776 21.504 15.36 7.68 3.584 15.36 5.12 23.552 5.632 11.264 0.512 20.992 10.752 22.016 23.552l26.624 303.104h498.176l26.624-302.592c1.024-12.8 10.752-23.04 22.016-23.552 8.192-0.512 15.872-2.56 23.552-5.632 8.192-3.584 15.872-9.216 22.016-15.872 6.144-6.656 10.752-13.824 14.336-22.016 3.584-8.704 5.12-17.408 5.12-26.624 0-9.216-1.536-18.432-5.12-26.624-3.584-8.704-8.192-16.384-14.336-22.528-6.144-6.656-13.312-11.776-21.504-15.36-8.704-4.096-17.92-5.632-27.136-5.632s-18.432 2.048-27.136 5.632c-8.192 3.584-15.36 8.704-21.504 15.872-6.144 6.656-10.752 13.824-14.336 22.016-3.584 8.704-5.12 17.408-5.12 26.624 0 7.68 1.024 15.36 3.584 22.528 3.072 9.728 1.024 20.48-5.632 27.648l-77.312 86.016c-4.608 4.608-10.24 7.68-16.384 7.68-1.536 0-2.56 0-4.096-0.512-7.168-1.536-13.824-7.168-16.896-14.848l-75.264-188.416c-4.608-11.264-1.536-25.088 7.68-32.256 16.896-13.312 26.112-33.792 26.112-55.808 0-9.216-1.536-18.432-5.12-26.624-3.584-8.704-8.192-16.384-14.336-22.528-6.144-6.656-13.312-11.776-21.504-15.36-8.704-4.096-17.92-5.632-27.136-5.632-9.216 0-18.432 2.048-27.136 5.632-8.192 3.584-15.36 8.704-21.504 15.872-6.144 6.656-10.752 13.824-14.336 22.016-3.584 8.704-5.12 17.408-5.12 26.624 0 22.016 9.728 42.496 26.624 55.808 9.216 7.168 12.288 20.992 7.68 32.256L401.92 473.088c-3.072 7.68-9.216 13.312-16.896 14.848-1.024 0.512-2.56 0.512-4.096 0.512-6.144 0-11.776-2.56-16.384-7.68L287.232 394.752c-6.656-7.168-8.704-18.432-5.632-27.648 2.56-7.68 3.584-14.848 3.584-22.528 0-9.216-1.536-18.432-5.12-26.624-3.584-8.704-8.192-16.384-14.336-22.528-6.144-6.656-13.312-11.776-21.504-15.36-8.704-4.096-17.92-6.144-27.136-6.144z" fill="#333333" p-id="2298"></path></svg>
\ No newline at end of file
public/images/profile/link-me.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413036465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" width="128" height="128"><path d="M960 928 64 928c-35.328 0-64-28.672-64-64L0 160c0-35.328 28.672-64 64-64l896 0c35.328 0 64 28.672 64 64l0 704C1024 899.328 995.328 928 960 928zM64 800c0 35.328 28.672 64 64 64l768 0c35.328 0 64-28.672 64-64L960 224c0-2.016-0.416-3.904-0.608-5.856L602.496 575.04c-49.984 49.984-131.04 49.984-181.024 0L64.576 218.144C64.416 220.096 64 221.984 64 224L64 800zM96 160C86.88 160 103.872 156.544 96 160l325.472 324.544c49.984 49.984 131.04 49.984 181.024 0L928 160c-7.872-3.424 9.12 0 0 0L96 160z" p-id="2022"></path></svg>
\ No newline at end of file
public/images/profile/my-course.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413279452" class="icon" viewBox="0 0 1192 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2431" width="128" height="128"><path d="M0.630874 401.706544h2.040307v2.040307h-2.040307z" p-id="2432"></path><path d="M363.805416 7.927407H227.104886C198.540596 7.927407 174.056919 34.45139 174.056919 67.096293v820.203177c0 32.644903 24.483677 59.168886 53.047967 59.168886h136.70053c28.56429 0 53.047967-26.523983 53.047966-59.168886V67.096293C416.853382 34.45139 392.369705 7.927407 363.805416 7.927407z m12.241838 879.372063c0 8.161226-6.120919 14.282145-12.241838 14.282145H227.104886c-6.120919 0-12.241838-6.120919-12.241839-14.282145V67.096293c0-8.161226 6.120919-14.282145 12.241839-14.282145h136.70053c6.120919 0 12.241838 6.120919 12.241838 14.282145v820.203177zM663.730458 7.927407h-136.700529C498.465639 7.927407 473.981962 34.45139 473.981962 67.096293v820.203177c0 32.644903 24.483677 59.168886 53.047967 59.168886h136.700529c28.56429 0 53.047967-26.523983 53.047967-59.168886V67.096293C714.738119 34.45139 692.294748 7.927407 663.730458 7.927407z m10.201532 879.372063c0 8.161226-6.120919 14.282145-12.241838 14.282145h-136.70053c-6.120919 0-12.241838-6.120919-12.241838-14.282145V67.096293c0-8.161226 6.120919-14.282145 12.241838-14.282145h136.70053c6.120919 0 12.241838 6.120919 12.241838 14.282145v820.203177zM908.567228 1.806487l-132.619917 34.685209c-28.56429 8.161226-44.886741 38.765822-34.685209 71.410725l212.191867 791.638888c8.161226 30.604596 38.765822 51.00766 65.289805 42.846434l132.619917-34.685209c28.56429-8.161226 44.886741-38.765822 34.685209-71.410724L973.857033 44.652922C965.695807 14.048326 937.131518-6.354738 908.567228 1.806487zM1147.283078 846.493342c2.040306 8.161226-2.040306 14.282145-8.161226 16.322451l-132.619916 34.685209c-6.120919 2.040306-12.241838-2.040306-14.282145-10.201532L780.027924 97.700889c-2.040306-8.161226 2.040306-14.282145 8.161225-16.322452l132.619917-34.685209c6.120919-2.040306 12.241838 2.040306 14.282145 10.201532L1147.283078 846.493342z" p-id="2433"></path></svg>
\ No newline at end of file
public/images/profile/my-order.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413287048" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2566" width="128" height="128"><path d="M268.02606186 934.30899284a117.44211993 117.44211993 0 0 1-117.28124029-117.2812403L150.74482157 206.97224746A117.44211993 117.44211993 0 0 1 268.02606186 89.69100716l488.02831609 0a117.44211993 117.44211993 0 0 1 117.2812403 117.2812403l0 609.97506528a117.44211993 117.44211993 0 0 1-117.2812403 117.28124029z m0-792.97562884a65.79976308 65.79976308 0 0 0-65.71932328 65.71932326l0 609.97506528a65.79976308 65.79976308 0 0 0 65.71932328 65.71932326l488.02831609 0a65.79976308 65.79976308 0 0 0 65.71932328-65.71932326L821.77370123 206.97224746a65.79976308 65.79976308 0 0 0-65.71932328-65.71932326z" fill="#8a8a8a" p-id="2567"></path><path d="M318.94446042 537.82117841a25.82117841 25.82117841 0 1 1 0-51.56191701l386.11107916 0a25.82117841 25.82117841 0 1 1 0 51.56191701zM318.94446042 659.76792758a25.82117841 25.82117841 0 1 1 0-51.24015779l263.44037172 0a25.82117841 25.82117841 0 1 1 0 51.64235684zM318.94446042 415.47223021a25.82117841 25.82117841 0 1 1 0-51.64235684l386.11107916 0a25.82117841 25.82117841 0 1 1 0 51.64235684z" fill="#8a8a8a" p-id="2568"></path></svg>
\ No newline at end of file
public/images/profile/my-start.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413295130" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2701" width="128" height="128"><path d="M773.46304 1005.44c-14.37184 0-30.57664-4.14208-45.61408-11.65824l-214.26688-107.14624-215.61344 106.99264c-13.67552 7.26528-29.30176 11.10016-45.22496 11.10016-20.92032 0-41.35424-6.69184-57.53856-18.82624-30.18752-22.64064-45.66016-61.83424-38.51776-97.54624l44.11904-228.7872L31.77472 502.01088c-26.00448-26.0096-36.31616-65.50528-26.27584-100.63872l0.3584-1.16224c12.27264-36.8128 42.77248-62.63808 79.72352-67.584l234.83904-42.7008 105.3952-214.08768c16.93696-33.88928 51.38432-55.68512 87.808-55.68512 37.99552 0 73.28768 22.58432 88.09984 56.27904l105.0624 213.4016 234.9056 41.0624c37.03296 5.19168 68.31616 32.55296 78.23872 68.37248 11.5712 35.6864 2.24256 74.31168-24.44288 100.99712l-0.59392 0.57856-168.53504 158.71488 42.56256 229.1712c6.86592 36.64896-7.69536 73.68192-38.03648 96.75264-15.72864 12.8768-36.10624 19.95776-57.4208 19.95776z m-259.78368-181.14048l239.13472 119.57248c7.01952 3.51232 15.12448 5.76512 20.65408 5.76512 8.55552 0 16.45568-2.65728 22.2464-7.4752l1.12128-0.896c13.60384-10.19904 20.1984-26.3936 17.22368-42.28608l-48.13312-259.15904 190.35648-179.26656c11.63776-11.83232 15.6416-28.81536 10.43968-44.42624l-0.49152-1.63328c-3.968-14.8992-17.04448-26.29632-32.53248-28.3648l-1.10592-0.17408-263.33696-46.03904-118.49216-240.7424c-5.75488-13.44512-21.376-23.19872-37.13024-23.19872-15.47776 0-30.32064 9.69216-37.82144 24.6784l-117.73952 239.1552-264.73472 48.09216c-16.09216 2.00704-28.5696 12.6976-34.33984 29.36832-4.10112 15.22176 0.76288 33.5616 11.93984 44.98432l190.51008 177.55648-50.00704 259.30752c-3.00544 15.03744 4.10112 32.29184 17.24416 42.14272 6.58944 4.95104 15.1296 7.65952 24.05888 7.65952 6.89152 0 13.53728-1.60256 19.21536-4.67456l0.82944-0.42496 240.89088-119.52128z" fill="#909399" p-id="2702"></path><path d="M773.20192 474.96704a11.9808 11.9808 0 0 1-2.21696-0.19968l-173.79328-30.38208-77.78304-157.99808a12.83584 12.83584 0 0 1 23.02976-11.34592l72.01792 146.29376 160.95232 28.13952a12.83072 12.83072 0 0 1 10.42432 14.85312 12.84096 12.84096 0 0 1-12.63104 10.63936z" fill="#909399" p-id="2703"></path></svg>
\ No newline at end of file
public/images/profile/notice.svg 0 → 100644
View file @ 02a849f7
<svg t="1588415414427" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1370" width="128" height="128"><path d="M837.818182 800.581818H186.181818v-279.272727c0-181.527273 144.290909-325.818182 325.818182-325.818182s325.818182 144.290909 325.818182 325.818182v279.272727z m-558.545455-93.090909h465.454546v-186.181818c0-130.327273-102.4-232.727273-232.727273-232.727273s-232.727273 102.4-232.727273 232.727273v186.181818z" p-id="1371"></path><path d="M512 795.927273m-88.436364 0a88.436364 88.436364 0 1 0 176.872728 0 88.436364 88.436364 0 1 0-176.872728 0Z" p-id="1372"></path><path d="M535.272727 260.654545h-46.545454c-13.963636 0-23.272727-9.309091-23.272728-23.272727V162.909091c0-13.963636 9.309091-23.272727 23.272728-23.272727h46.545454c13.963636 0 23.272727 9.309091 23.272728 23.272727v74.472727c0 13.963636-9.309091 23.272727-23.272728 23.272727z" p-id="1373"></path></svg>
\ No newline at end of file
public/images/profile/refueling-card.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413315587" class="icon" viewBox="0 0 1297 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2972" width="128" height="128"><path d="M180.6336 0A181.248 181.248 0 0 0 0.068267 181.589333v660.821334A181.384533 181.384533 0 0 0 180.6336 1024h935.936A181.248 181.248 0 0 0 1297.134933 842.410667V181.794133A181.111467 181.111467 0 0 0 1116.7744 0H180.6336z m936.1408 951.773867H180.6336c-59.869867 0-108.544-48.9472-108.544-109.090134V181.725867c0-60.142933 48.674133-109.090133 108.544-109.090134h935.936c59.869867 0 108.544 48.9472 108.544 109.090134v660.957866a108.544 108.544 0 0 1-108.3392 109.090134z" p-id="2973"></path><path d="M1256.174933 232.379733H40.482133c-22.459733 0-40.482133 19.2512-40.482133 42.5984s18.295467 42.530133 40.482133 42.530134h1215.829334c22.459733 0 40.482133-19.182933 40.482133-42.530134-0.273067-23.3472-18.295467-42.5984-40.7552-42.5984zM490.359467 732.637867h-307.2c-22.391467 0-40.413867 19.182933-40.413867 42.530133 0 23.415467 18.2272 42.5984 40.482133 42.5984h307.2c22.391467 0 40.413867-19.182933 40.413867-42.5984-0.2048-23.3472-18.2272-42.530133-40.482133-42.530133z" p-id="2974"></path><path d="M947.6096 453.768533a19.524267 19.524267 0 0 1 13.038933-5.188266c4.778667 0 9.4208 1.774933 13.1072 5.188266 37.2736 34.747733 147.729067 165.205333 147.729067 238.592 0 89.429333-59.392 170.3936-160.836267 170.3936-101.444267 0-160.836267-80.896-160.836266-170.3936 0-95.573333 110.523733-203.844267 147.797333-238.592z m104.994133 238.592c0-25.1904-35.976533-120.832-91.9552-153.873066-58.026667 33.041067-93.730133 128.682667-94.0032 153.873066 0 50.517333 28.4672 100.7616 94.0032 100.7616s91.9552-45.192533 91.9552-100.7616z" p-id="2975"></path></svg>
\ No newline at end of file
public/images/profile/right.svg 0 → 100644
View file @ 02a849f7
<svg t="1588419116991" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4939" width="128" height="128"><path d="M384 349.866667l166.4 166.4L384 682.666667a41.258667 41.258667 0 0 0 0 59.733333 41.258667 41.258667 0 0 0 59.733333 0l196.266667-196.266667a41.258667 41.258667 0 0 0 0-59.733333l-196.266667-196.266667A42.24 42.24 0 1 0 384 349.866667z" p-id="4940" fill="#999999"></path></svg>
\ No newline at end of file
public/images/profile/signup.svg 0 → 100644
View file @ 02a849f7
<svg t="1588413333588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3108" width="128" height="128"><path d="M834 163.5h-38.4V145c0-17.7-14.3-32-32-32s-32 14.3-32 32v18.6H292.4V145c0-17.7-14.3-32-32-32s-32 14.3-32 32v18.6H190c-68.9 0-125 56.1-125 125V786c0 68.9 56.1 125 125 125h644c68.9 0 125-56.1 125-125V288.5c0-68.9-56.1-125-125-125z m-644 64h38.4v21.8c0 17.7 14.3 32 32 32s32-14.3 32-32v-21.8h439.1v21.8c0 17.7 14.3 32 32 32s32-14.3 32-32v-21.8H834c33.6 0 61 27.4 61 61v28.1H129v-28.1c0-33.6 27.4-61 61-61zM834 847H190c-33.6 0-61-27.4-61-61V380.6h766V786c0 33.7-27.4 61-61 61z" fill="" p-id="3109"></path><path d="M646.8 450.4L467.1 630.1l-89.9-89.9c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L444.4 698c6.2 6.2 14.4 9.4 22.6 9.4s16.4-3.1 22.6-9.4L692 495.6c12.5-12.5 12.5-32.8 0-45.3-12.4-12.4-32.7-12.4-45.2 0.1z" fill="" p-id="3110"></path></svg>
\ No newline at end of file
src/layouts/BasicLayout.js
View file @ 02a849f7
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 <BlankLayout>{props.children}</BlankLayout>;
......
src/pages/exam/components/analysis/index.js 0 → 100644
View file @ 02a849f7
import React from 'react';
import styles from './index.less';
import { TextareaItem ,Button} from 'antd-mobile';
const Index = () => {
return (
<div className={styles.root}>
<div className={styles.header}>
<div className={styles.title}>题型解析</div>
<div className={styles.content}>形变是怎么定义的？它有哪些形式？</div>
</div>
<TextareaItem
placeholder="请输入你的描述"
rows={6}
/>
<div className={styles.action}>
<Button>提交</Button>
</div>
</div>
);
};
export default Index;
src/pages/exam/components/analysis/index.less 0 → 100644
View file @ 02a849f7
.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
src/pages/exam/components/select/index.js 0 → 100644
View file @ 02a849f7
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 <Option {...item} isShowAnswer={isShowAnswer} onSelect={handleSelect} />;
});
};
return (
<div className={styles.root}>
<div className={styles.content}>
<div className={styles.title}>
{no}/{total}、{title}
</div>
<div className={styles.options}>{renderOption()}</div>
{isShowAnswer && (
<div className={styles.answer}>
<div className={styles.rightAnswer}>正确答案为：{rightAnswer}</div>
<div className={styles.analysis}>
<span>题型解析</span>：{analysis}
</div>
<div className={styles.goAnalysis} onClick={goSubmitAnalysis}>
我要解析
</div>
</div>
)}
{!isShowAnswer && (
<div className={styles.submit}>
<Button type="primary" onClick={showAnswer}>
查看答案
</Button>
</div>
)}
</div>
<div className={styles.action}>
<div className={styles.pre}>上一题</div>
<div className={styles.input}>
跳转到
<input type="text" />题
</div>
<div className={styles.next}>下一题</div>
</div>
</div>
);
};
export default Index;
src/pages/exam/components/select/index.less 0 → 100644
View file @ 02a849f7
.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;
}
}
}
src/pages/exam/components/select/option.js 0 → 100644
View file @ 02a849f7
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 (
<>
<div
className={classNames(
styles.option,
isShowAnswer && (isRight ? styles.right : styles.error),
isSelected && styles.selected,
)}
onClick={()=>onSelect(id,!isSelected)}
>
{no}.{title}
{isShowAnswer && <img src={`/images/${isRight ? 'right' : 'error'}.png`} alt=""/>}
</div>
</>
);
};
export default Index;
src/pages/exam/question/analytical/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/analytical/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/argumentation/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/argumentation/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/b1/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/b1/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/caseChoice/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/caseChoice/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/caseMultiple/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/caseMultiple/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/completion/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/completion/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/judgment/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/judgment/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/multiple/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/multiple/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/short/index.js 0 → 100644
View file @ 02a849f7
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 (
<>
<Select {...opt}/>
</>
);
};
export default Index;
src/pages/exam/question/short/index.less 0 → 100644
View file @ 02a849f7
.root{
}
\ No newline at end of file
src/pages/exam/question/single/index.js
View file @ 02a849f7
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 = [
const Index = () => {
const opt = {
type:1,
no: 1,
total: 213,
title:
'脑底动脉环在脑循环中起着非常重要的作用，能沟通脑前脑、后、左、右的血液供应，下列哪条动脉不参与脑底动脉环的组成？',
optionList: [
{
id: 1,
id:0,
no: 'A',
title: '前交通动脉',
isRight: true,
},
{
id: 1,
id:1,
no: 'B',
title: '矩形备份',
isRight: true,
},
{
id: 1,
title: '矩形备份',
id:2,
no: 'C',
title: '颈内动脉',
isRight: true,
},
{
id: 1,
title: '矩形备份',
isRight: false,
id:3,
no: 'D',
title: '大脑前动脉',
},
{
id: 1,
title: '矩形备份',
isRight: true,
id:4,
no: 'E',
title: '大脑后动脉',
},
];
const showAnswer = () => {
setIsShowAnswer(true);
};
const selectOption=()=>{
}
const renderOption = () => {
return options.map((item, index) => {
return (
<div
className={classNames(
styles.option,
isShowAnswer && (item.isRight ? styles.right : styles.error),
isSelected && styles.selected
)}
>
{config.selectNo[index]}.{item.title}
{isShowAnswer && (
<img src={`/images/${item.isRight ? 'right' : 'error'}.png`} alt=""></img>
)}
</div>
);
});
],
rightAnswer:"BD",
analysis:"脑底动脉环的组成包括颈内动脉，大脑前动脉起始段，前交通动脉，大脑后动脉和后交通动脉，不包括椎动脉。"
};
return (
<div className={styles.root}>
<div className={styles.title}>
2/211、脑底动脉环在脑循环中起着非常重要的作用，能沟通脑前脑、后、左、右的血液供应，下列哪条动脉不参与脑底动脉环的组成？
</div>
<div className={styles.options}>{renderOption()}</div>
{isShowAnswer && (
<div className={styles.answer}>
<div className={styles.rightAnswer}>正确答案为：B</div>
<div className={styles.analysis}>
<span>题型解析</span>
：脑底动脉环的组成包括颈内动脉，大脑前动脉起始段，前交通动脉，大脑后动脉和后交通动脉，不包括椎动脉。
</div>
</div>
)}
{!isShowAnswer && (
<div className={styles.submit}>
<Button type="primary" onClick={showAnswer}>
查看答案
</Button>
</div>
)}
<div className={styles.action}>
<div className={styles.pre}>上一题</div>
<div className={styles.input}>
跳转到
<input type="text" />题
</div>
<div className={styles.next}>下一题</div>
</div>
</div>
<>
<Select {...opt}/>
</>
);
};
......
src/pages/exam/question/single/index.less
View file @ 02a849f7
.root {
font-size: 16px;
padding: 16px;
.title {
color: #202030;
font-weight: 600;
line-height: 1.5;
}
.root{
.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;
}
}
}
}
\ No newline at end of file
src/pages/exam/question/submitAnalysis/index.js 0 → 100644
View file @ 02a849f7
import React from 'react';
import Analysis from '../../components/analysis';
const Index = () => {
return (
<>
<Analysis />
</>
);
};
export default Index;
src/pages/profile/index.js
View file @ 02a849f7
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 <div className={styles.root}>个人中心</div>;
return (
<div className={styles.root}>
<div className={styles.header}>
<div className={styles.dashboard}>
<div className={styles.top}>
<img className={styles.avatar} src={'./images/profile/avatar.png'} alt="" />
<div className={styles.basic}>
<div className={styles.name}>彭于晏</div>
<div className={styles.phone}>18236347568</div>
</div>
<div className={styles.action}>
<div className={styles.vip}>购买VIP</div>
</div>
</div>
<div className={styles.bottom}>
<div className={styles.item}>
<div className={styles.title}>我的余额</div>
<div className={styles.count}>
<span>1000</span>
<img src={"./images/profile/right.svg"} alt=""/>
</div>
</div>
<div className={styles.item}>
<div className={styles.title}>我的积分</div>
<div className={styles.count}>
<span>5000</span>
<img src={"./images/profile/right.svg"} alt=""/>
</div>
</div>
</div>
</div>
</div>
<div className={styles.content}>
<div className={styles.list}>
<List>
<Item arrow="horizontal" onClick={() => {router.push('/list');}}>
<div className={styles.item}>
<Icon
{...iconOpt}
onClick={() => {}}
type={require('public/images/profile/signup.svg')}
/>
<div className={styles.label}>签到</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/join-vip.svg')}
/>
<div className={styles.label}>加入会员</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {router.push('/profile/order');}}
{...iconOpt}
type={require('public/images/profile/my-order.svg')}
/>
<div className={styles.label}>我的订单</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/error-question.svg')}
/>
<div className={styles.label}>错题集</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/my-course.svg')}
/>
<div className={styles.label}>我的课程</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/my-start.svg')}
/>
<div className={styles.label}>我的收藏</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/refueling-card.svg')}
/>
<div className={styles.label}>学习加油卡</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/link-me.svg')}
/>
<div className={styles.label}>联系我们(微信)</div>
</div>
</Item>
<Item arrow="horizontal" onClick={() => {router.push('/profile/notice');}}>
<div className={styles.item}>
<Icon
onClick={() => {}}
{...iconOpt}
type={require('public/images/profile/notice.svg')}
/>
<div className={styles.label}>通知公告</div>
</div>
</Item>
</List>
</div>
</div>
</div>
);
};
export default Index;
src/pages/profile/index.less
View file @ 02a849f7
.root{
@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;
}
}
}
}
}
}
}
}
src/pages/profile/notice/index.js 0 → 100644
View file @ 02a849f7
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 (
<div className={styles.item}>
<div className={styles.title}>{title}</div>
<div className={styles.content}>{content}</div>
<div className={styles.noticeTime}>{noticeTime}</div>
</div>
);
});
};
return <div className={styles.root}>{renderItem()}</div>;
};
export default Index;
src/pages/profile/notice/index.less 0 → 100644
View file @ 02a849f7
.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;
}
}
}
src/pages/profile/order/index.js 0 → 100644
View file @ 02a849f7
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 (
<div className={styles.item}>
<div className={styles.top}>
<div className={styles.title}>
<div className={styles.courseTitle}>{title}</div>
<div className={styles.courseType}>{courseType}</div>
</div>
<div className={styles.amount}>-{amount}</div>
</div>
<div className={styles.bottom}>
<div className={styles.time}>
<span>购买时间</span>
<span>{buyTime}</span>
</div>
<div className={styles.time}>
<span>失效时间</span>
<span>{invalidTime}</span>
</div>
</div>
</div>
);
});
};
return <div className={styles.root}>{renderItem()}</div>;
};
export default Index;
src/pages/profile/order/index.less 0 → 100644
View file @ 02a849f7
.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;
}
}
}
src/pages/user/signUp/index.less
View file @ 02a849f7
......@@ -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{
......
src/utils/index.js
View file @ 02a849f7
......@@ -15,3 +15,14 @@ export const getActiveMenu = (menus = [], pathname) => {
}
return undefined;
};
export const getActiveRoute = (routes = [], pathname) => {
for(let i=0;i<routes.length;i++){
const route=routes[i]
if(route.path && pathRegexp(`${route.path}`).test(`${pathname}/`)){
return route
}
}
return undefined;
};
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment