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

[bug fix] Field: 修复多行展示样式 (#39)

Browse Source 
* field 修复多行时的样式

* 样式调整

* field: 增加 placeholder 样式

* field: 字颜色声明
This commit is contained in:
Yao 2017-10-27 21:14:03 +08:00 committed by GitHub
parent 4f6005e1b6
commit e9748ff6fd
3 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/field/index.wxml vendored
View File

@ -8,6 +8,7 @@
auto-height
placeholder="{{ placeholder }}"
class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
placeholder-class="zan-field__placeholder"
bindinput="_handleZanFieldChange"
data-component-id="{{ componentId }}"></textarea>
<input
@ -15,6 +16,7 @@
type="{{ inputType || 'text' }}"
placeholder="{{ placeholder }}"
class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
placeholder-class="zan-field__placeholder"
bindinput="_handleZanFieldChange"
data-component-id="{{ componentId }}"/>
</view>

19
dist/field/index.wxss vendored
View File

@ -1,5 +1,10 @@
@import '../cell/index.wxss';
.zan-field {
padding: 7px 15px;
color: #333;
}
.zan-field--wrapped {
margin: 0 15px;
border: 1rpx solid #e5e5e5;
@ -23,15 +28,21 @@
.zan-field__title {
color: #333;
min-width: 62px;
min-width: 65px;
padding-right: 10px;
}
.zan-field__input {
line-height: 30px;
height: 30px;
min-height: 30px;
flex: 1;
line-height: 1.6;
padding: 4px 0;
min-height: 22px;
height: auto;
font-size: 14px;
}
.zan-field__placeholder {
font-size: 14px;
}
.zan-field__input--right {

4
example/field/index.wxml
View File

@ -22,7 +22,7 @@
<view class="zan-panel-title">自定义显示内容</view>
<view class="zan-panel">
<view class="zan-cell">
<view class="zan-cell zan-field">
<view class="zan-cell__hd zan-field__title">选择区域</view>
<picker
mode="selector"
@ -35,7 +35,7 @@
</picker>
</view>
<view class="zan-cell">
<view class="zan-cell zan-field">
<view class="zan-cell__hd zan-field__title">验证码</view>
<input
type="text"