Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
T
thinkApp
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
游洁
thinkApp
Commits
24b90cb5
Commit
24b90cb5
authored
May 27, 2022
by
zhengke
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
no message
parent
4e7cafc5
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
431 additions
and
0 deletions
+431
-0
examDetailsComponents.vue
src/components/index/scoreDetails/examDetailsComponents.vue
+272
-0
examDetails.vue
src/pages/index/examDetails.vue
+159
-0
No files found.
src/components/index/scoreDetails/examDetailsComponents.vue
0 → 100644
View file @
24b90cb5
<
template
>
<view
class=
"examDetailsComponents-box"
>
<view
class=
"examDetailsComponents activeTwo mismatchActive flex"
>
<view
class=
"examDetailsComponents-time-box flex"
>
<view
class=
"examDetailsComponents-time flex"
>
<view>
周
</view>
<text>
潇潇
</text>
</view>
<view
class=
"examDetailsComponents-line"
>
<view
class=
"examDetailsComponents-point"
></view>
</view>
</view>
<view
class=
"examDetailsComponents-center-box"
>
<view
class=
"Mismatch-box"
>
<view
class=
"Mismatch-title flex"
>
<van-icon
name=
"warning"
/>
<text>
学员不匹配
</text>
</view>
</view>
<view
class=
"examDetailsComponents-center flex"
>
<view
class=
"examDetailsComponents-left flex"
>
<view
class=
"operation-state flex"
>
<view
class=
"operation-state-img"
></view>
<view
class=
"operation-state-text"
>
未批阅
</view>
</view>
<view
class=
"operation-name"
>
2022-05-22
</view>
</view>
<view
class=
"examDetailsComponents-right flex"
>
<view
class=
"homework-score flex"
>
<view
class=
"homework-score-title"
>
得分
<text>
86
</text>
分
</view>
</view>
<view
class=
"homework-score flex"
>
<view
class=
"homework-score-title"
>
得分率
<text>
86
</text>
分
</view>
</view>
</view>
</view>
</view>
</view>
<view
class=
"examDetailsComponents activeOne flex"
>
<view
class=
"examDetailsComponents-time-box flex"
>
<view
class=
"examDetailsComponents-time flex"
>
<view>
周
</view>
<text>
潇潇
</text>
</view>
<view
class=
"examDetailsComponents-line"
>
<view
class=
"examDetailsComponents-point"
></view>
</view>
</view>
<view
class=
"examDetailsComponents-center-box"
>
<view
class=
"examDetailsComponents-center flex"
>
<view
class=
"examDetailsComponents-left flex"
>
<view
class=
"operation-state flex"
>
<view
class=
"operation-state-img"
></view>
<view
class=
"operation-state-text"
>
批阅
</view>
</view>
<view
class=
"operation-name"
>
2022-05-22
</view>
</view>
<view
class=
"examDetailsComponents-right flex"
>
<view
class=
"homework-score flex"
>
<view
class=
"homework-score-title"
>
得分
<text>
86
</text>
分
</view>
</view>
<view
class=
"homework-score flex"
>
<view
class=
"homework-score-title"
>
得分率
<text>
86
</text>
分
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</
template
>
<
script
>
import
{
reactive
,
toRefs
,
onMounted
,
getCurrentInstance
,
inject
}
from
"vue"
;
export
default
{
props
:
{
},
components
:
{},
setup
()
{
let
data
=
reactive
({
obj
:
{
Name
:
''
,
Photo
:
''
,
},
showPhone
:
false
,
showLogin
:
true
,
//多次点击
});
let
methods
=
{
}
return
{
...
toRefs
(
data
),
...
methods
};
},
};
</
script
>
<
style
scoped
>
.homework-score-title
text
{
font-size
:
46
rpx
;
font-weight
:
800
;
font-style
:
italic
;
padding
:
0
10
rpx
0
17
rpx
;
}
.homework-score-title
{
color
:
#282828
;
font-size
:
20
rpx
;
font-weight
:
400
;
letter-spacing
:
1px
;
}
.homework-score
:first-child
{
margin-right
:
16
rpx
;
}
.homework-score
{
align-items
:
center
;
justify-content
:
space-between
;
}
.examDetailsComponents-right
{
height
:
88
rpx
;
background
:
#FCEEEF
;
padding
:
0
22
rpx
;
border-radius
:
25
rpx
;
justify-content
:
space-between
;
flex-shrink
:
0
;
}
.operation-state-text
{
font-size
:
20
rpx
;
letter-spacing
:
2px
;
}
.examDetailsComponents.activeThree
.operation-state-img
{
background
:
url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_480.png')
no-repeat
;
background-size
:
22
rpx
22
rpx
;
}
.examDetailsComponents.activeTwo
.operation-state-img
{
background
:
url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_781.png')
no-repeat
;
background-size
:
22
rpx
22
rpx
;
}
.examDetailsComponents.activeOne
.operation-state-img
{
background
:
url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_44.png')
no-repeat
;
background-size
:
22
rpx
22
rpx
;
}
.operation-state-img
{
width
:
22
rpx
;
height
:
22
rpx
;
margin-right
:
9
rpx
;
margin-top
:
4
rpx
;
}
.operation-state
{
font-size
:
20
rpx
;
white-space
:
nowrap
;
color
:
#282828
;
}
.operation-name
{
font-size
:
16
rpx
;
letter-spacing
:
1px
;
font-weight
:
500
;
color
:
#C2BCBA
;
}
.examDetailsComponents-left
{
justify-content
:
space-between
;
align-items
:
center
;
margin-bottom
:
17
rpx
;
}
.examDetailsComponents-center
{
flex-direction
:
column
;
}
.examDetailsComponents.mismatchActive
.Mismatch-box
{
display
:
block
;
}
.Mismatch-title
van-icon
{
font-size
:
42
rpx
;
margin-right
:
8
rpx
;
}
.Mismatch-title
{
height
:
100%
;
align-items
:
center
;
justify-content
:
center
;
font-size
:
36
rpx
;
font-weight
:
bold
;
color
:
#C91727
;
letter-spacing
:
1
rpx
;
}
.Mismatch-box
{
position
:
absolute
;
left
:
0
;
top
:
0
;
bottom
:
0
;
right
:
0
;
display
:
none
;
}
.examDetailsComponents.mismatchActive
.examDetailsComponents-center-box
{
background
:
rgba
(
200
,
23
,
39
,
0.1
);
border
:
2px
solid
#FD3869
;
position
:
relative
;
}
.examDetailsComponents
.examDetailsComponents-center-box
{
background
:
#FFFFFF
;
}
.examDetailsComponents-center-box
{
flex-grow
:
1
;
border-radius
:
30
rpx
;
padding
:
17
rpx
26
rpx
23
rpx
21
rpx
;
margin-bottom
:
40
rpx
;
box-shadow
:
0px
6px
29px
0px
rgba
(
76
,
76
,
76
,
0.09
);
border-radius
:
20px
;
}
.examDetailsComponents.activeThree
.examDetailsComponents-point
{
background
:
#C1C1C1
;
}
.examDetailsComponents.activeTwo
.examDetailsComponents-point
{
background
:
#282828
;
}
.examDetailsComponents.activeOne
.examDetailsComponents-point
{
background
:
#C81727
;
box-shadow
:
0px
0px
12px
0px
rgba
(
200
,
23
,
39
,
0.46
);
}
.examDetailsComponents
.examDetailsComponents-point
{
width
:
19
rpx
;
height
:
19
rpx
;
position
:
absolute
;
top
:
20
rpx
;
left
:
-13
rpx
;
border-radius
:
50%
;
border
:
3px
solid
#FFFFFF
;
box-shadow
:
0px
0px
12px
0px
rgba
(
255
,
255
,
255
,
0.46
);
}
.examDetailsComponents-line
{
width
:
4
rpx
;
height
:
100%
;
background
:
#F1F1F1
;
margin-left
:
46
rpx
;
margin-right
:
46
rpx
;
position
:
relative
;
}
.examDetailsComponents-time
text
{
font-size
:
20
rpx
;
font-weight
:
bold
;
white-space
:
nowrap
;
margin-top
:
18
rpx
;
margin-left
:
4
rpx
;
}
.examDetailsComponents-time
{
color
:
#282828
;
font-size
:
36
rpx
;
font-weight
:
bold
;
letter-spacing
:
1
rpx
;
}
.examDetailsComponents-time-box
{
}
.examDetailsComponents
{
justify-content
:
space-between
;
padding
:
0
50
rpx
;
}
</
style
>
src/pages/index/examDetails.vue
0 → 100644
View file @
24b90cb5
<
template
>
<view
class=
"jobDetails-box"
>
<navbar
class=
"navbarSticky"
bg=
"#F6F6F6"
>
<view
class=
"jobDetails-header-box"
>
<van-icon
class=
"jobDetails-header-left"
name=
"arrow-left"
@
click=
"back"
/>
<text
class=
"jobDetails-header-title"
>
考试详情
</text>
</view>
</navbar>
<view
class=
"jobDetails-content"
>
<view
class=
"jobDetails-content-header"
>
<view
class=
"jobDetails-conten-title flex"
>
<text>
2022年5月28日
</text>
<view>
化学第一次测试
</view>
</view>
<view
class=
"jobDetails-num-box flex"
>
<view
class=
"jobDetails-num flex"
>
<text>
人数
</text>
<view>
15
</view>
</view>
<view
class=
"jobDetails-num flex"
>
<text>
平均得分
</text>
<view>
12
</view>
</view>
</view>
</view>
<view
class=
"index-student-information"
>
<examDetailsComponents></examDetailsComponents>
</view>
</view>
</view>
</
template
>
<
script
>
import
examDetailsComponents
from
'@/components/index/scoreDetails/examDetailsComponents'
import
{
reactive
,
toRefs
,
onMounted
,
getCurrentInstance
,
inject
}
from
"vue"
;
export
default
{
props
:
{
},
components
:
{
examDetailsComponents
},
setup
()
{
let
data
=
reactive
({
obj
:
{
Name
:
''
,
Photo
:
''
,
},
showPhone
:
false
,
showLogin
:
true
,
//多次点击
});
let
methods
=
{
back
(){
uni
.
reLaunch
({
url
:
'/pages/index/workSituation?tabNme='
+
'考试信息'
});
}
}
return
{
...
toRefs
(
data
),
...
methods
};
}
};
</
script
>
<
style
scoped
>
.index-student-information
{
min-height
:
800
rpx
;
background
:
#FFFFFF
;
border-radius
:
50
rpx
50
rpx
0
0
;
padding
:
71
rpx
0
30
rpx
0
;
}
.jobDetails-num
view
{
font-size
:
36
rpx
;
font-weight
:
800
;
font-style
:
italic
;
margin-top
:
15
rpx
;
}
.jobDetails-num
text
{
font-size
:
20
rpx
;
font-weight
:
400
;
}
.jobDetails-num
{
flex-direction
:
column
;
color
:
#CE8086
;
}
.jobDetails-num-box
{
justify-content
:
space-between
;
padding
:
70
rpx
185
rpx
35
rpx
185
rpx
;
}
.jobDetails-conten-title
view
{
font-size
:
50
rpx
;
font-weight
:
800
;
}
.jobDetails-conten-title
text
{
font-size
:
36
rpx
;
font-weight
:
400
;
margin-bottom
:
10
rpx
;
}
.jobDetails-conten-title
{
padding
:
50
rpx
50
rpx
0
50
rpx
;
flex-direction
:
column
;
color
:
#282828
;
letter-spacing
:
1
rpx
;
}
.jobDetails-content-header
{
}
.jobDetails-content
{
position
:
relative
;
z-index
:
2
;
}
.jobDetails-box
{
background
:
#FCEEEF
;
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
;
z-index
:
0
;
}
.jobDetails-header-title
{
position
:
absolute
;
left
:
0
;
right
:
0
;
top
:
0
;
padding
:
37
rpx
31
rpx
;
text-align
:
center
;
letter-spacing
:
1
rpx
;
font-size
:
32
rpx
;
font-weight
:
500
;
color
:
#282828
;
}
.jobDetails-header
{
margin
:
50
rpx
50
rpx
0
50
rpx
;
align-items
:
center
;
}
.jobDetails-header-left
{
font-size
:
40
rpx
;
position
:
relative
;
z-index
:
3
;
}
.jobDetails-header-box
{
padding
:
37
rpx
31
rpx
;
position
:
relative
;
}
.navbarSticky
{
display
:
sticky
;
top
:
0
;
z-index
:
9
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment