Skip to content

Commit d018a4b

Browse files
bplok20010bplok20010
committed
细节调整
1 parent a2c21ab commit d018a4b

17 files changed

+25657
-26501
lines changed

‎README.md

Lines changed: 50 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -160,7 +160,7 @@ function Input(props){
160160
### NativeInput
161161

162162
```ts
163-
component: React.ElementType;
163+
component?: React.ElementType;
164164
onChange?: (value: any) => void;
165165
inputRef?: (dom: any) => void;
166166
[others: string]: any;
@@ -265,51 +265,64 @@ export default function NativeInput(props) {
265265

266266
## 基础样式
267267

268-
```scss
269-
$form-item-cls: nex-form-item;
268+
```css
269+
.rw-form-item {
270+
display: flex;
271+
}
270272

271-
.#{$form-item-cls} {
272-
display: flex;
273+
.rw-form-item-inline {
274+
display: inline-flex;
275+
}
273276

274-
&-inline {
275-
display: inline-flex;
276-
}
277+
.rw-form-item-label {
278+
text-align: right;
279+
flex: none;
280+
}
277281

278-
&-label {
279-
text-align: right;
280-
flex: none;
281-
}
282+
.rw-form-item-label-left {
283+
text-align: left;
284+
}
282285

283-
&-label-left {
284-
text-align: left;
285-
}
286+
.rw-form-item-top {
287+
display: block;
288+
}
286289

287-
&-top {
288-
display: block;
289-
}
290+
.rw-form-item-top.rw-form-item-inline {
291+
display: inline-block;
292+
vertical-align: top;
293+
}
290294

291-
&-top.#{$form-item-cls}-inline {
292-
display: inline-block;
293-
vertical-align: top;
294-
}
295+
.rw-form-item-top .rw-form-item-label {
296+
text-align: left;
297+
display: block;
298+
}
295299

296-
&-top &-label {
297-
text-align: left;
298-
display: block;
299-
}
300+
.rw-form-item-label {
301+
text-align: right;
302+
flex: none;
303+
}
300304

301-
&-control {
302-
position: relative;
303-
flex: 1;
304-
}
305+
.rw-form-item-label {
306+
text-align: right;
307+
flex: none;
308+
}
305309

306-
&.is-required &-label:before {
307-
content: "*";
308-
display: inline-block;
309-
margin-right: 4px;
310-
font-family: SimSun;
311-
color: red;
312-
}
310+
.rw-form-item-label {
311+
text-align: right;
312+
flex: none;
313+
}
314+
315+
.rw-form-item-control {
316+
position: relative;
317+
flex: 1;
318+
}
319+
320+
.rw-form-item.is-required .rw-form-item-label:before {
321+
content: "*";
322+
display: inline-block;
323+
margin-right: 4px;
324+
font-family: SimSun;
325+
color: red;
313326
}
314327

315328

‎docs/asset-manifest.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
2-
"index.css": "static/css/index.75c3a227.chunk.css",
3-
"index.js": "static/js/index.75c3a227.chunk.js",
4-
"runtime-index.js": "static/js/runtime-index.70097ef2.js",
5-
"static/js/2.ed4c38d5.chunk.js": "static/js/2.ed4c38d5.chunk.js",
2+
"index.css": "static/css/index.17558ed5.chunk.css",
3+
"index.js": "static/js/index.17558ed5.chunk.js",
4+
"runtime-index.js": "static/js/runtime-index.1e14c4f9.js",
5+
"static/js/2.f4e8ea2a.chunk.js": "static/js/2.f4e8ea2a.chunk.js",
66
"index.html": "index.html"
77
}

‎docs/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html style="width:100%;height:100%;overflow:auto"><head><meta charset="utf-8"/><title>Form</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"/><style>.demo{width:1100px;height:500px;margin:50px auto;background:#fff;font-size:12px;overflow:auto}.rw-layout-content{height:200px}.rw-layout.rw-layout-has-sider{text-align:center;background:#3ba0e9}.rw-layout-sider{width:200px;text-align:center;background:#3ba0e9;color:#fff}.rw-layout-footer,.rw-layout-header{background:#7dbcea;color:#fff;height:64px;line-height:64px;text-align:center}.rw-layout-content{background:#108ee9;color:#fff;text-align:center}</style><link href="static/css/index.75c3a227.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.70097ef2.js"></script><script src="static/js/2.ed4c38d5.chunk.js"></script><script src="static/js/index.75c3a227.chunk.js"></script></body></html>
1+
<!doctype html><html style="width:100%;height:100%;overflow:auto"><head><meta charset="utf-8"/><title>Form</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"/><style>.demo{width:1100px;height:500px;margin:50px auto;background:#fff;font-size:12px;overflow:auto}.rw-layout-content{height:200px}.rw-layout.rw-layout-has-sider{text-align:center;background:#3ba0e9}.rw-layout-sider{width:200px;text-align:center;background:#3ba0e9;color:#fff}.rw-layout-footer,.rw-layout-header{background:#7dbcea;color:#fff;height:64px;line-height:64px;text-align:center}.rw-layout-content{background:#108ee9;color:#fff;text-align:center}</style><link href="static/css/index.17558ed5.chunk.css" rel="stylesheet"></head><body style="background:#f5f5f5"><div class="demo" id="demo"></div><script src="static/js/runtime-index.1e14c4f9.js"></script><script src="static/js/2.f4e8ea2a.chunk.js"></script><script src="static/js/index.17558ed5.chunk.js"></script></body></html>

‎docs/static/css/index.75c3a227.chunk.css renamed to ‎docs/static/css/index.17558ed5.chunk.css

File renamed without changes.

‎docs/static/js/2.ed4c38d5.chunk.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/static/js/2.f4e8ea2a.chunk.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/index.17558ed5.chunk.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/static/js/index.75c3a227.chunk.js

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎docs/static/js/runtime-index.70097ef2.js renamed to ‎docs/static/js/runtime-index.1e14c4f9.js

File renamed without changes.

0 commit comments

Comments
 (0)