blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

form field component

Browse Source
This commit is contained in:
cookfront 2017-02-14 17:34:51 +08:00
parent 00848c6ea4
commit cf87bd3603
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/examples/field.md
View File

@ -32,7 +32,7 @@ export default {
### 无label的输入框 ### 无label的输入框
:::demo 根据`type`属性显示不同的输入框。 :::demo 不传入`label`属性即可。
```html ```html
<o2-cell-group> <o2-cell-group>
<o2-field type="text" placeholder="请输入用户名"></o2-field> <o2-field type="text" placeholder="请输入用户名"></o2-field>
@ -42,7 +42,7 @@ export default {
### 监听change事件 ### 监听change事件
:::demo 根据`type`属性显示不同的输入框。 :::demo 监听组件的`change`事件。
```html ```html
<o2-cell-group> <o2-cell-group>
<o2-field type="text" label="用户名：" placeholder="请输入用户名" @change="handleChange"></o2-field> <o2-field type="text" label="用户名：" placeholder="请输入用户名" @change="handleChange"></o2-field>

2
packages/zanui/src/cell.pcss
View File

@ -35,6 +35,7 @@
@descendent title { @descendent title {
float: left; float: left;
overflow: hidden;
} }
@descendent label { @descendent label {
@ -46,6 +47,7 @@
@descendent value { @descendent value {
float: right; float: right;
overflow: hidden;
@when link { @when link {
margin-right: 20px; margin-right: 20px;

10
packages/zanui/src/field.pcss
View File

@ -4,7 +4,6 @@
@component-namespace o2 { @component-namespace o2 {
@component field { @component field {
width: 100%; width: 100%;
display: table;
overflow: hidden; overflow: hidden;
@when textarea { @when textarea {
@ -27,18 +26,19 @@
.o2-cell-title, .o2-cell-title,
.o2-cell-value { .o2-cell-value {
float: none; float: none;
display: table-cell;
box-sizing: border-box; box-sizing: border-box;
} }
.o2-cell-title { .o2-cell-title {
width: 90px; width: 90px;
text-align: right; position: absolute;
top: 10px;
left: 0;
} }
.o2-cell-value { .o2-cell-value {
width: 90%; width: 100%;
padding-left: 10px; padding-left: 90px;
} }
@descendent control { @descendent control {