Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
F
frontend
Project
Project
Details
Activity
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
Schedules
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Commits
Issue Boards
Open sidebar
h5-communicate
frontend
Commits
4a99cc1e
Commit
4a99cc1e
authored
Jun 06, 2020
by
zhengjianqing@thinker.vc
Browse files
Options
Browse Files
Download
Plain Diff
file
parents
f93d7185
7ec0a042
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
165 additions
and
12 deletions
+165
-12
workspace.xml
.idea/workspace.xml
+0
-0
step-success.png
public/img/step-success.png
+0
-0
index.jsx
src/components/StepCard/index.jsx
+20
-4
index.less
src/components/StepCard/index.less
+139
-0
index.css
src/index.css
+2
-1
CommonLayout.jsx
src/layout/CommonLayout.jsx
+0
-3
Process.jsx
src/pages/EventProcessing/Process.jsx
+1
-1
Work.jsx
src/pages/Work/Work.jsx
+3
-3
No files found.
.idea/workspace.xml
View file @
4a99cc1e
This diff is collapsed.
Click to expand it.
public/img/step-success.png
0 → 100644
View file @
4a99cc1e
4.3 KB
src/components/StepCard/index.jsx
View file @
4a99cc1e
import
React
from
'react'
;
import
'./index.less'
const
data
=
[{},
{},
{},
{
s
:
'1'
},
{}]
const
Index
=
()
=>
{
return
(
<
div
>
<
ul
>
<
ul
className=
"auto-step-card"
>
{
[{},
{},
{},
{}].
map
(
item
=>
(
<
li
>
1111111
</
li
>
data
.
map
((
item
,
index
)
=>
(
<
li
className=
"auto-step-item"
>
<
div
className=
{
`auto-step-item-title ${item.s ? 'step-current' : 'step-success'}`
}
>
<
div
className=
"auto-step-item-title-name"
>
发起申请(拟稿)
</
div
>
</
div
>
<
div
className=
{
`auto-step-content ${item.s ? '' : 'step-success'}`
}
>
<
div
className=
"auto-step-content-flow"
>
1111111111
</
div
>
{
item
.
result
&&
(
<
div
className=
"auto-step-content-result"
>
11111
</
div
>
)
}
</
div
>
</
li
>
))
}
</
ul
>
</
div
>
);
};
...
...
src/components/StepCard/index.less
View file @
4a99cc1e
<<<<<<< HEAD
=======
.auto-step-item-title{
display: flex;
align-items: center;
//height: 43px;
font-size: 14px;
padding: 0 10px;
}
.auto-step-item-title.step-success::before{
content: '';
display: block;
width: 16px;
height: 16px;
background: url("/img/step-success.png") center;
background-size: cover;
}
.auto-step-item-title.step-current::before{
content: '';
display: block;
width: 16px;
height: 16px;
background: url("/img/step-success.png") center;
background-size: cover;
}
.auto-step-item-title.step-future::before{
content: '';
display: block;
width: 16px;
height: 16px;
border-radius: 60%;
background: rgba(228, 228, 228, 1);
}
.auto-step-item-title-name{
margin-left: 10px;
}
.auto-step-content{
display: flex;
align-items: center;
padding: 0 17px;
}
.auto-step-content.step-success::before{
content: '';
display: block;
width: 1px;
min-height: 90px;
background-color: rgba(34, 192, 100, 1);
}
.auto-step-content::before{
content: '';
display: block;
width: 1px;
min-height: 90px;
background-color: rgba(228, 228, 228, 1);
}
.auto-step-card > .auto-step-item:last-child .auto-step-content::before{
background-color: #ffffff;
}
//.contract-operate_recode_date{
// margin-left: 56px;
// height:100%;
// display:flex;
// flex-direction: column;
// //justify-content: space-around;
// li{
// width:100%;
// //:nth-child(1){
// // width:119px;
// // height:16px;
// // font-size: 12px;
// // color: #333333;
// //}
// :nth-child(2){
// display: inline-block;
// width: 8px;
// height: 8px;
// background-color: #D8D8D8;
// border-radius: 50%;
// margin: 0 50px;
// &:after {
// content: '';
// display: block;
// clear: both;
// width: 1px;
// height: 111px;
// background-color: #D8D8D8;
// margin: 8px auto;
// }
// }
// :nth-child(3){
// font-size: 12px;
// color: #333333;
// display: inline-block;
// width: 170px;
// height: 16px;
// }
// }
// li:last-child {
// :nth-child(1) {
// font-size: 12px;
// color: #09B9C1;
// display: inline-block;
// width: 119px;
// height: 16px;
// }
// :nth-child(2) {
// display: inline-block;
// width: 8px;
// height: 8px;
// //background-color: $c991;
// border-radius: 50%;
// &:after {
// content: '';
// display: none;
// }
// }
//
// :nth-child(3) {
// font-size: 12px;
// //color: $c991;
// letter-spacing: 0;
// display: inline-block;
// width: 170px;
// height: 16px;
// }
// }
//}
>>>>>>> 7ec0a042683146a50388cb5ab1484326a2b6d79a
src/index.css
View file @
4a99cc1e
...
...
@@ -16,4 +16,5 @@ body,
margin
:
0
;
padding
:
0
;
}
p
{
margin
:
0
}
ul
,
p
{
margin
:
0
;
padding
:
0
}
ul
{
list-style
:
none
}
src/layout/CommonLayout.jsx
View file @
4a99cc1e
import
React
from
'react'
;
import
{
WingBlank
}
from
'antd-mobile'
import
Footer
from
'./Footer'
import
{
withRouter
}
from
'react-router-dom'
import
'./index.less'
...
...
@@ -8,10 +7,8 @@ const CommonLayout = (props) => {
return
(
<
div
>
<
div
className=
"common-layout-content"
>
<
div
>
{
props
.
children
}
</
div
>
</
div
>
<
Footer
{
...
props
}
/>
</
div
>
);
...
...
src/pages/EventProcessing/Process.jsx
View file @
4a99cc1e
...
...
@@ -26,7 +26,7 @@ class Process extends Component {
}
};
componentDidMount
()
{
console
.
log
(
document
.
getElementsByClassName
(
"option-text"
)[
0
])
//
console.log(document.getElementsByClassName("option-text")[0])
document
.
getElementsByClassName
(
"option-text"
)[
0
].
addEventListener
(
'focus'
,
this
.
optionBlur
,
true
)
// window.addEventListener('scroll', this.handleScroll, true);
}
...
...
src/pages/Work/Work.jsx
View file @
4a99cc1e
import
React
,
{
Component
}
from
'react'
;
import
{
WhiteSpace
}
from
"antd-mobile"
;
import
{
WingBlank
}
from
'antd-mobile'
import
TopSearch
from
'../../components/TopSearch'
import
WorkCard
from
'../../components/WorkCard'
...
...
@@ -34,7 +34,7 @@ class Work extends Component {
text
:
`name
${
i
}
`
,
}));
return
(
<
div
>
<
WingBlank
>
<
WhiteSpace
/>
<
TopSearch
onSearch=
{
this
.
workSearch
}
/>
<
WhiteSpace
/>
...
...
@@ -54,7 +54,7 @@ class Work extends Component {
data=
{
data2
}
iconAction=
{
this
.
itemAdd
}
/>
</
div
>
</
WingBlank
>
);
}
}
...
...
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