Skip to content

Commit 388505a

Browse files
290352095290352095
authored
Merge pull request #7 from coderiver-org/featrue-register
Featrue register
2 parents 3a07dee + dac7dd2 commit 388505a

File tree

7 files changed

+546
-2
lines changed

7 files changed

+546
-2
lines changed

‎.eslintrc.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ module.exports = {
205205
'no-underscore-dangle': 0, // 允许任意使用下划线
206206
'one-var': [1, 'never'], // 定义变量一行一个
207207
'padded-blocks': [0, 'never'], // 块代码上下不能留空行
208-
semi: 2, // 校验分号
208+
semi: 0, // 校验分号
209209
'semi-spacing': 2, // 分号后面留空
210210
'keyword-spacing': 2, // 关键词后面加空格
211211
'space-before-blocks': 2, // 块级代码加空格

‎.umirc.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default {
2323
history: 'hash',
2424
cssLoaderOptions: {},
2525
alias: {
26-
component: path.resolve(__dirname, './src/component'),
26+
component: path.resolve(__dirname, './src/component')
2727
},
2828
chainWebpack(config, { webpack }) {
2929
// config.plugin('analyzer').use(

‎src/assets/css/common/displaFlex.less‎

Lines changed: 209 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
@charset "UTF-8";
2+
3+
.displayFlex{
4+
display: flex;
5+
display:-webkit-box;
6+
display: -moz-box;
7+
display: -ms-flexbox;
8+
display: -webkit-flex;
9+
}
10+
11+
.flex-direction-row{
12+
-webkit-box-orient:horizontal;
13+
-webkit-box-direction:normal;
14+
-moz-box-orient:horizontal;
15+
-moz-box-direction:normal;
16+
flex-direction:row;
17+
-webkit-flex-direction:row;
18+
}
19+
.flex-direction-column{
20+
-webkit-box-orient:vertical;
21+
-webkit-box-direction:normal;
22+
-moz-box-orient:vertical;
23+
-moz-box-direction:normal;
24+
flex-direction:column;
25+
-webkit-flex-direction:column;
26+
}
27+
.flex-justify-content{
28+
-webkit-justify-content:center;
29+
justify-content:center;
30+
-moz-box-pack:center;
31+
-webkit-box-pack:center;
32+
box-pack:center;
33+
}
34+
.flex-justify-right{
35+
-webkit-justify-content: flex-end;
36+
justify-content:flex-end;
37+
-moz-box-pack:end;
38+
-webkit-box-pack:end;
39+
box-pack:end;
40+
}
41+
.flex-justify-between{
42+
-webkit-justify-content: space-between;
43+
justify-content:space-between;
44+
-moz-box-pack:justify;
45+
-webkit-box-pack:justify;
46+
box-pack:space-between;
47+
}
48+
.flex-align-items {
49+
align-items: center;
50+
-webkit-align-items:center;
51+
box-align:center;
52+
-moz-box-align:center;
53+
-webkit-box-align:center;
54+
55+
}
56+
.flex-align-end {
57+
align-items: end;
58+
-webkit-align-items: flex-end;
59+
-moz-box-align:end;
60+
-webkit-box-align:end;
61+
62+
}
63+
.flex-wrap{
64+
-webkit-flex-wrap:wrap;
65+
-webkit-box-lines:multiple;
66+
-moz-flex-wrap:wrap;
67+
flex-wrap:wrap;
68+
}
69+
.flex-1{
70+
-moz-box-flex: 1.0; /*Firefox*/
71+
-webkit-box-flex: 1.0; /*Safari,Opera,Chrome*/
72+
box-flex: 1.0;
73+
flex:1;
74+
}
75+
.flex-justify-align{
76+
display: flex;
77+
display:-webkit-box;
78+
display: -moz-box;
79+
display: -ms-flexbox;
80+
display: -webkit-flex;
81+
-webkit-justify-content:center;
82+
justify-content:center;
83+
-moz-box-pack:center;
84+
-webkit-box-pack:center;
85+
box-pack:center;
86+
align-items:center;
87+
-webkit-align-items:center;
88+
box-align:center;
89+
-moz-box-align:center;
90+
-webkit-box-align:center;
91+
}
92+
.justify-align{
93+
-webkit-justify-content:center;
94+
justify-content:center;
95+
-moz-box-pack:center;
96+
-webkit-box-pack:center;
97+
box-pack:center;
98+
align-items:center;
99+
-webkit-align-items:center;
100+
box-align:center;
101+
-moz-box-align:center;
102+
-webkit-box-align:center;
103+
}
104+
.flex-justify{
105+
display: flex;
106+
display:-webkit-box;
107+
display: -moz-box;
108+
display: -ms-flexbox;
109+
display: -webkit-flex;
110+
-webkit-justify-content:center;
111+
justify-content:center;
112+
-moz-box-pack:center;
113+
-webkit-box-pack:center;
114+
box-pack:center;
115+
}
116+
.border_bottom (@color){
117+
&:before {
118+
position: absolute;
119+
bottom: 0;
120+
left: 0;
121+
content: '';
122+
width: 100%;
123+
height: 1px;
124+
border-bottom: 1px solid @color;
125+
-webkit-transform: scaleY(0.5);
126+
transform: scaleY(0.5);
127+
}
128+
}
129+
.border_top (@color){
130+
&:before {
131+
position: absolute;
132+
top: -1px;
133+
left: 0;
134+
content: '';
135+
width: 100%;
136+
height: 1px;
137+
border-top: 1px solid @color;
138+
-webkit-transform: scaleY(0.5);
139+
transform: scaleY(0.5);
140+
}
141+
}
142+
.border_right(@color){
143+
&:before {
144+
position: absolute;
145+
top: 0;
146+
right: -1px;
147+
left: 0;
148+
content: '';
149+
height: 100%;
150+
width: 1px;
151+
border-right: 1px solid @color;
152+
-webkit-transform: scaleX(0.5);
153+
transform: scaleX(0.5);
154+
}
155+
}
156+
.border_left(@color){
157+
&:before {
158+
position: absolute;
159+
top: 0;
160+
left: -1px;
161+
right: 0;
162+
content: '';
163+
height: 100%;
164+
width: 1px;
165+
border-lef: 1px solid @color;
166+
-webkit-transform: scaleY(0.5);
167+
transform: scaleY(0.5);
168+
}
169+
}
170+
.duohang(@number) {
171+
display: -webkit-box;
172+
-webkit-box-orient: vertical;
173+
-webkit-line-clamp: @number;
174+
overflow: hidden;
175+
}
176+
//单行
177+
.danhang {
178+
overflow:hidden;
179+
text-overflow:ellipsis;
180+
white-space:nowrap
181+
}
182+
.textareaPLaceholder(@color){
183+
184+
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
185+
color:@color;
186+
}
187+
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
188+
color:@color;
189+
}
190+
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
191+
color:@color;
192+
}
193+
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
194+
color:@color;
195+
}
196+
197+
}
198+
199+
200+
201+
202+
203+
204+
205+
206+
207+
208+
209+

‎src/component/user/Sign/index.less‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
.sign-main {
2+
flex: 1;
3+
display: flex;
4+
flex-direction: column;
5+
align-items: center;
6+
justify-content: center;
7+
height: calc(100% - 42px);
8+
box-sizing: border-box;
9+
10+
:global {
11+
.sign-container{
12+
background-color: #ffffff;
13+
width: 444px;
14+
margin: 0px auto;
15+
16+
.sign-header {
17+
margin: 30px 0px 30px 0px;
18+
p{
19+
margin: 20px auto 0px auto;
20+
font-size: 20px;
21+
font-family: "Adobe Heiti Std R";
22+
font-weight: normal;
23+
color: rgba(24, 38, 42, 1);
24+
line-height: 26px;
25+
}
26+
}
27+
28+
.sign-foot {
29+
background:rgba(246,246,246,1);
30+
padding: 38px 0px 40px 0px;
31+
color: #18262A;
32+
a {
33+
color: #40AEA8
34+
}
35+
}
36+
37+
form {
38+
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
39+
color: #FF40AEA8;
40+
font-weight: bold;
41+
}
42+
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
43+
color: #FF40AEA8;
44+
opacity: 1;
45+
font-weight: bold;
46+
}
47+
::-moz-placeholder { /* Mozilla Firefox 19+ */
48+
color: #FF40AEA8;
49+
opacity: 1;
50+
font-weight: bold;
51+
}
52+
:-ms-input-placeholder { /* Internet Explorer 10-11 */
53+
color: #FF40AEA8;
54+
font-weight: bold;
55+
}
56+
}
57+
}
58+
}
59+
}

‎src/component/user/Sign/index.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import style from './index.less'
3+
import Logo from 'assets/images/login/logo.png'
4+
5+
export default class Index extends React.Component<Props, State> {
6+
render() {
7+
const { header, children, footer } = this.props;
8+
return (
9+
<div className={style['sign-main']}>
10+
<div className={'sign-container'}>
11+
<div className={'sign-header'}>
12+
<img src={Logo} />
13+
<p>{header}</p>
14+
</div>
15+
{children}
16+
<div className={'sign-foot'}>
17+
{footer}
18+
</div>
19+
</div>
20+
</div>
21+
)
22+
}
23+
}

0 commit comments

Comments
 (0)