Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SURPRISED
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
华国豪
SURPRISED
Commits
d4653c9b
Commit
d4653c9b
authored
1 week ago
by
youjie
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
意见调查
parent
f2fdf0da
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
1301 additions
and
0 deletions
+1301
-0
flex.css
css/flex.css
+604
-0
opinionSurvey.html
html/ImpressionOpinionSurvey/opinionSurvey.html
+629
-0
surveySuccess.html
html/ImpressionOpinionSurvey/surveySuccess.html
+68
-0
No files found.
css/flex.css
0 → 100644
View file @
d4653c9b
.row
{
display
:
flex
;
}
.row-w
{
display
:
flex
;
flex-wrap
:
wrap
;
}
.row-aic-w
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
}
.row-aic-n
{
display
:
flex
;
flex-wrap
:
nowrap
;
align-items
:
center
;
}
.q-mr-md
{
margin-right
:
32
rpx
;
}
.q-ml-md
{
margin-left
:
32
rpx
;
}
.q-mt-md
{
margin-top
:
32
rpx
!important
;
}
.q-mb-md
{
margin-bottom
:
32
rpx
;
}
.q-mr-sm
{
margin-right
:
16
rpx
;
}
.q-ml-sm
{
margin-left
:
16
rpx
;
}
.q-mt-sm
{
margin-top
:
16
rpx
;
}
.q-mb-sm
{
margin-bottom
:
16
rpx
;
}
.flex-grid
{
margin-left
:
-16
rpx
;
margin-bottom
:
-16
rpx
;
}
.flex-wrap
{
flex-wrap
:
wrap
;
}
.col-t-b
{
width
:
calc
(
50%
-
16
rpx
);
margin
:
0
0
16
rpx
16
rpx
}
.col-f-b
{
width
:
calc
(
25%
-
16
rpx
);
margin
:
0
0
16
rpx
16
rpx
}
.row-ajc-w
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
justify-content
:
center
;
}
.row-ajc-n
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
justify-content
:
center
;
}
.row-acje
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
justify-content
:
end
;
}
.text-center
{
text-align
:
center
;
}
.text-input
{
background
:
#F1F2F4
;
/* height: 60rpx; */
border-radius
:
12
rpx
;
padding
:
12
rpx
;
font-size
:
28
rpx
;
color
:
#111111
;
}
.text-input
:focus
,
.text-input
:active
{
background-color
:
#111111
;
color
:
#F1F2F4
;
}
.text-input
::placeholder
{
font-size
:
24
rpx
;
}
.row-sb-n
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
flex-wrap
:
nowrap
;
}
.row-sbs-n
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-around
;
flex-wrap
:
nowrap
;
}
.row-sbas-n
{
display
:
flex
;
justify-content
:
space-between
;
flex-wrap
:
nowrap
;
}
.row-sb-w
{
display
:
flex
;
align-items
:
center
;
justify-content
:
space-between
;
flex-wrap
:
wrap
;
}
.items-center
{
align-items
:
center
;
}
.items-start
{
align-items
:
start
;
}
.justify-center
{
justify-content
:
center
;
}
.flex1
,
.col
{
flex
:
1
;
}
.flexG
{
flex-grow
:
1
;
}
.flexS
{
flex-shrink
:
0
;
}
.text-right
{
text-align
:
right
;
}
.column
{
display
:
flex
;
flex-direction
:
column
;
}
.column-jc
{
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
}
.column-ajc
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
center
;
}
.block
{
display
:
block
;
}
.inlineblock
{
display
:
inline-block
;
}
.hidden
{
overflow
:
hidden
;
}
.fixed
{
position
:
fixed
;
}
.fixedHeader
{
left
:
0
;
right
:
0
;
top
:
0
;
}
.fixedFooter
{
border-radius
:
50
rpx
50
rpx
0px
0px
;
bottom
:
0
;
left
:
0
;
right
:
0
;
overflow
:
hidden
;
border-radius
:
20
rpx
;
}
.relative
{
position
:
relative
;
}
.absolute
{
position
:
absolute
;
}
.z-index1
{
z-index
:
1
;
}
.z-index2
{
z-index
:
2
;
}
.z-index3
{
z-index
:
3
;
}
.z-index4
{
z-index
:
4
;
}
.fontWeight400
{
font-weight
:
400
;
}
.fontBold
{
font-weight
:
bold
;
}
.nowrap
{
white-space
:
nowrap
;
}
.ellipsis1
{
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
;
}
.width100
{
width
:
100
rpx
;
}
.width436
{
width
:
436
rpx
;
}
.width100One
{
width
:
100%
;
}
.width45vh
{
width
:
44vh
;
}
.textCenter
{
text-align
:
center
;
}
.textRight
{
text-align
:
right
;
}
.fz14
{
font-size
:
14
rpx
;
}
.fz16
{
font-size
:
16
rpx
;
}
.fz17
{
font-size
:
17
rpx
;
}
.fz18
{
font-size
:
18
rpx
;
}
.fz19
{
font-size
:
19
rpx
;
}
.fz20
{
font-size
:
20
rpx
;
}
.fz21
{
font-size
:
21
rpx
;
}
.fz22
{
font-size
:
22
rpx
;
}
.fz24
{
font-size
:
24
rpx
;
}
.fz26
{
font-size
:
26
rpx
;
}
.fz28
{
font-size
:
28
rpx
;
}
.fz30
{
font-size
:
30
rpx
;
}
.fz36
{
font-size
:
36
rpx
;
}
.fz34
{
font-size
:
34
rpx
;
}
.fz40
{
font-size
:
40
rpx
;
}
.fz42
{
font-size
:
42
rpx
;
}
.fz52
{
font-size
:
52
rpx
;
}
.ML5
{
margin-left
:
5
rpx
;
}
.ML10
{
margin-left
:
10
rpx
;
}
.ML15
{
margin-left
:
15
rpx
;
}
.ML20
{
margin-left
:
20
rpx
;
}
.ML25
{
margin-left
:
25
rpx
;
}
.ML30
{
margin-left
:
30
rpx
;
}
.ML31
{
margin-left
:
31
rpx
;
}
.ML40
{
margin-left
:
40
rpx
;
}
.ML50
{
margin-left
:
50
rpx
;
}
.ML60
{
margin-left
:
60
rpx
;
}
.ML70
{
margin-left
:
70
rpx
;
}
.MR5
{
margin-right
:
5
rpx
;
}
.MR10
{
margin-right
:
10
rpx
;
}
.MR15
{
margin-right
:
15
rpx
;
}
.MR20
{
margin-right
:
20
rpx
;
}
.MR25
{
margin-right
:
25
rpx
;
}
.MR30
{
margin-right
:
30
rpx
;
}
.MR40
{
margin-right
:
40
rpx
;
}
.MR50
{
margin-right
:
50
rpx
;
}
.MR60
{
margin-right
:
60
rpx
;
}
.MT10
{
margin-top
:
10
rpx
;
}
.MT15
{
margin-top
:
15
rpx
;
}
.MT20
{
margin-top
:
20
rpx
;
}
.MT25
{
margin-top
:
25
rpx
;
}
.MT30
{
margin-top
:
30
rpx
;
}
.MT31
{
margin-top
:
31
rpx
;
}
.MT35
{
margin-top
:
35
rpx
;
}
.MT38
{
margin-top
:
38
rpx
;
}
.MT40
{
margin-top
:
40
rpx
;
}
.MT45
{
margin-top
:
45
rpx
;
}
.MT50
{
margin-top
:
50
rpx
;
}
.MT60
{
margin-top
:
60
rpx
;
}
.MT64
{
margin-top
:
64
rpx
;
}
.MT75
{
margin-top
:
75
rpx
;
}
.MB5
{
margin-bottom
:
5
rpx
;
}
.MB10
{
margin-bottom
:
10
rpx
;
}
.MB20
{
margin-bottom
:
20
rpx
;
}
.MB30
{
margin-bottom
:
30
rpx
;
}
.MB35
{
margin-bottom
:
35
rpx
;
}
.MB40
{
margin-bottom
:
40
rpx
;
}
.MB43
{
margin-bottom
:
43
rpx
;
}
.MB50
{
margin-bottom
:
50
rpx
;
}
.MB52
{
margin-bottom
:
52
rpx
;
}
.MB55
{
margin-bottom
:
55
rpx
;
}
.MB70
{
margin-bottom
:
70
rpx
;
}
.MB255
{
margin-bottom
:
255
rpx
;
}
.PT20
{
padding-top
:
20
rpx
;
}
.PT38
{
padding-top
:
38
rpx
;
}
.PT65
{
padding-top
:
65
rpx
;
}
.PT123
{
padding-top
:
123
rpx
;
}
.PB20
{
padding-bottom
:
20
rpx
;
}
.PB200
{
padding-bottom
:
200
rpx
;
}
.PB260
{
padding-bottom
:
260
rpx
;
}
.PB300
{
padding-bottom
:
300
rpx
;
}
.PY20
{
padding
:
20
rpx
0
;
}
.PY53
{
padding
:
53
rpx
0
;
}
.PX4
{
padding
:
0
4
rpx
;
}
.PX10
{
padding
:
0
10
rpx
;
}
.PX20
{
padding
:
0
20
rpx
;
}
.PX50
{
padding
:
0
50
rpx
;
}
.PX53
{
padding
:
0
53
rpx
;
}
.relativeFT5
{
top
:
-5
rpx
;
}
.relativeFT8
{
top
:
-8
rpx
;
}
.relativeFT10
{
top
:
-10
rpx
;
}
.color9999A6
{
color
:
#9999A6
;
}
.color9999A5
{
color
:
#9999A5
;
}
.colorDEBF7B
{
color
:
#DEBF7B
;
}
.colorC09D4F
{
color
:
#C09D4F
;
}
.colorFF5858
{
color
:
#FF5858
;
}
.color1D1D20
{
color
:
#1D1D20
;
}
.color111
{
color
:
#111111
;
}
.color000
{
color
:
#000
;
}
.colorFFF
{
color
:
#FFF
;
}
.colorC6C1BC
{
color
:
#C6C1BC
;
}
.colorE1C278
{
color
:
#E1C278
;
}
.color2EC726
{
color
:
#2EC726
;
}
.bgFFF
{
background
:
#fff
;
}
.bgF5
{
background
:
#f5f5f5
;
}
.bgECF1F4
{
background
:
#ECF1F4
;
}
.bgDEBF7B
{
background
:
#DEBF7B
;
}
.bg9BC75D
{
background
:
#9BC75D
;
}
.bgFF5858
{
background
:
#FF5858
;
}
.bgE1C278
{
background
:
#E1C278
;
}
.bg111
{
background
:
#111111
;
}
.bgF2EEE5
{
background
:
#F2EEE5
;
}
.border1
{
border
:
1px
solid
;
}
.borderDEBF7B
{
border-color
:
#DEBF7B
;
}
.borderF5
{
border-color
:
#F5F5F5
;
}
.borderFF5858
{
border-color
:
#FF5858
;
}
.height-line1
{
width
:
100%
;
height
:
0
;
border-bottom
:
1px
#ECF1F4
solid
;
}
.height-line2
{
width
:
100%
;
height
:
0
;
border-bottom
:
2px
#ECF1F4
solid
;
}
.width-lineH83
{
width
:
2px
;
height
:
83
rpx
;
}
.width-lineH49
{
width
:
2px
;
height
:
49
rpx
;
}
.lineC8C8CF
{
border-color
:
#C8C8CF
;
}
.lineFF5858
{
border-bottom
:
1px
#FF5858
solid
;
}
.height-dashed1
{
width
:
100%
;
height
:
0
;
border-bottom
:
1px
#D7D7DC
dashed
;
}
.DashedECF1F4
{
border-color
:
#ECF1F4
;
}
.height100vh
{
height
:
100vh
;
}
.height100
{
height
:
100%
;
}
.height1057
{
height
:
1057
rpx
;
}
.WH12R50
{
width
:
12
rpx
;
height
:
12
rpx
;
border-radius
:
50%
;
-webkit-border-radius
:
50%
;
-moz-border-radius
:
50%
;
-ms-border-radius
:
50%
;
-o-border-radius
:
50%
;
}
.WH6R50
{
width
:
6
rpx
;
height
:
6
rpx
;
border-radius
:
50%
;
-webkit-border-radius
:
50%
;
-moz-border-radius
:
50%
;
-ms-border-radius
:
50%
;
-o-border-radius
:
50%
;
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
html/ImpressionOpinionSurvey/opinionSurvey.html
0 → 100644
View file @
d4653c9b
This diff is collapsed.
Click to expand it.
html/ImpressionOpinionSurvey/surveySuccess.html
0 → 100644
View file @
d4653c9b
<!DOCTYPE html>
<html
lang=
"en"
>
<head>
<meta
http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
<meta
http-equiv=
"X-UA-Compatible"
content=
"IE=edge"
>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi"
/>
<meta
name=
"screen-orientation"
content=
"portrait"
></meta>
<meta
name=
"x5-orientation"
content=
"portrait"
></meta>
<link
rel=
"shortcut icon"
href=
"../../images/favicon.ico"
type=
"image/x-icon"
/>
<link
rel=
"stylesheet"
href=
"../../css/cssReset.css"
>
<link
rel=
"stylesheet"
href=
"../../css/bts/bootstrap.min.css"
>
<title>
填写意见
</title>
</head>
<body>
<div
class=
"tipBox"
id=
"tipBox"
>
<div
class=
"tipImgBox"
>
<div
class=
"tipImg"
>
<img
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Upload/Goods/638784986575829699.png"
/>
<h4>
提交意见成功!
</h4>
</div>
</div>
</div>
<script>
</script>
</body>
<style>
.tipBox
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
z-index
:
3
;
/* background: rgba(23,23,23,.5); */
}
.tipImgBox
{
width
:
100%
;
height
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.tipImg
{
width
:
100%
;
height
:
100%
;
background
:
#fff
;
text-align
:
center
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
}
.tipImg
img
{
width
:
100px
;
border-radius
:
100%
;
display
:
block
;
/* margin-top:60px; */
}
.tipImg
h4
{
margin-top
:
30px
;
}
</style>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
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