alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[Improvement] AddressEdit: optimize style (#1676)

Browse Source
This commit is contained in:
neverland
2018-08-24 10:44:09 +08:00
committed by GitHub
parent 7d8fff70af
commit fddf566f42
9 changed files with 79 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/address-edit/index.vue
+4 -4
View File
@@ -4,8 +4,8 @@
<field
v-model="data.name"
maxlength="15"
:placeholder="$t('name')"
:label="$t('receiver')"
:label="$t('name')"
:placeholder="$t('namePlaceholder')"
:error="errorInfo.name"
@focus="onFocus('name')"
/>
@@ -20,7 +20,7 @@
<field
readonly
:label="$t('area')"
:placeholder="$t('area')"
:placeholder="$t('areaPlaceholder')"
:value="areaText"
@click="showArea = true"
/>
@@ -57,7 +57,7 @@
</cell-group>
<div v-show="!hideBottomFields" :class="b('buttons')">
<van-button block :loading="isSaving" @click="onSave" type="primary">
<van-button block :loading="isSaving" @click="onSave" type="danger">
{{ saveButtonText || $t('save') }}
</van-button>
<van-button block :loading="isDeleting" @click="onDelete" v-if="showDelete">
packages/address-edit/test/__snapshots__/demo.spec.js.snap
+12 -12
View File
@@ -5,14 +5,14 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-address-edit">
<div class="van-cell-group van-hairline--top-bottom">
<div maxlength="15" placeholder="名字" class="van-cell van-hairline van-field">
<div maxlength="15" placeholder="收货人姓名" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收货人</span>
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" maxlength="15" placeholder="名字" value="" class="van-field__control">
<input type="text" maxlength="15" placeholder="收货人姓名" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -21,14 +21,14 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<div placeholder="手机或固定电话" class="van-cell van-hairline van-field">
<div placeholder="收货人手机号" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>联系电话</span>
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="tel" placeholder="手机或固定电话" value="" class="van-field__control">
<input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -37,14 +37,14 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<div placeholder="收件地区" class="van-cell van-hairline van-field">
<div placeholder="选择省 / 市 / 区" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收件地区</span>
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" readonly="readonly" placeholder="收件地区" value="" class="van-field__control">
<input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -54,14 +54,14 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
<div>
<div rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-cell van-hairline van-field">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<textarea rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-field__control"></textarea>
<textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
<!---->
<!---->
<!---->
@@ -103,7 +103,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
<div class="van-address-edit__buttons">
<button class="van-button van-button--primary van-button--normal van-button--block">
<button class="van-button van-button--danger van-button--normal van-button--block">
<!----><span class="van-button__text">
保存
</span></button>
packages/address-edit/test/__snapshots__/index.spec.js.snap
+24 -24
View File
@@ -3,14 +3,14 @@
exports[`create a AddressEdit 1`] = `
<div class="van-address-edit">
<div class="van-cell-group van-hairline--top-bottom">
<div maxlength="15" placeholder="名字" class="van-cell van-hairline van-field">
<div maxlength="15" placeholder="收货人姓名" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收货人</span>
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" maxlength="15" placeholder="名字" value="" class="van-field__control">
<input type="text" maxlength="15" placeholder="收货人姓名" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -19,14 +19,14 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<div placeholder="手机或固定电话" class="van-cell van-hairline van-field">
<div placeholder="收货人手机号" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>联系电话</span>
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="tel" placeholder="手机或固定电话" value="" class="van-field__control">
<input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -35,14 +35,14 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<div placeholder="收件地区" class="van-cell van-hairline van-field">
<div placeholder="选择省 / 市 / 区" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收件地区</span>
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" readonly="readonly" placeholder="收件地区" value="" class="van-field__control">
<input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
<!---->
<!---->
<!---->
@@ -52,14 +52,14 @@ exports[`create a AddressEdit 1`] = `
<!---->
</div>
<div>
<div rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-cell van-hairline van-field">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<textarea rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-field__control"></textarea>
<textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
<!---->
<!---->
<!---->
@@ -73,7 +73,7 @@ exports[`create a AddressEdit 1`] = `
<!---->
</div>
<div class="van-address-edit__buttons">
<button class="van-button van-button--primary van-button--normal van-button--block">
<button class="van-button van-button--danger van-button--normal van-button--block">
<!----><span class="van-button__text">
保存
</span></button>
@@ -109,14 +109,14 @@ exports[`create a AddressEdit 1`] = `
exports[`create a AddressEdit with props 1`] = `
<div class="van-address-edit">
<div class="van-cell-group van-hairline--top-bottom">
<div maxlength="15" placeholder="名字" class="van-cell van-hairline van-field">
<div maxlength="15" placeholder="收货人姓名" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收货人</span>
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" maxlength="15" placeholder="名字" value="测试" class="van-field__control">
<input type="text" maxlength="15" placeholder="收货人姓名" value="测试" class="van-field__control">
<!---->
<!---->
<!---->
@@ -125,14 +125,14 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<div placeholder="手机或固定电话" class="van-cell van-hairline van-field">
<div placeholder="收货人手机号" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>联系电话</span>
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="tel" placeholder="手机或固定电话" value="13000000000" class="van-field__control">
<input type="tel" placeholder="收货人手机号" value="13000000000" class="van-field__control">
<!---->
<!---->
<!---->
@@ -141,14 +141,14 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<div placeholder="收件地区" class="van-cell van-hairline van-field">
<div placeholder="选择省 / 市 / 区" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>收件地区</span>
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<input type="text" readonly="readonly" placeholder="收件地区" value="北京市 北京市 朝阳区" class="van-field__control">
<input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="北京市 北京市 朝阳区" class="van-field__control">
<!---->
<!---->
<!---->
@@ -158,14 +158,14 @@ exports[`create a AddressEdit with props 1`] = `
<!---->
</div>
<div>
<div rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-cell van-hairline van-field">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-hairline van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body">
<textarea rows="1" maxlength="200" placeholder="如街道、楼层、门牌号等" class="van-field__control">详细地址</textarea>
<textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control">详细地址</textarea>
<!---->
<!---->
<!---->
@@ -207,7 +207,7 @@ exports[`create a AddressEdit with props 1`] = `
</div>
</div>
<div class="van-address-edit__buttons">
<button class="van-button van-button--primary van-button--normal van-button--block">
<button class="van-button van-button--danger van-button--normal van-button--block">
<!----><span class="van-button__text">
保存
</span></button>