[new feature] PasswordInput: add gutter prop

This commit is contained in:
陈嘉涵
2019-05-16 15:56:56 +08:00
parent caa4a65668
commit 7d37091f00
7 changed files with 78 additions and 30 deletions

View File

@@ -5,12 +5,12 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-hairline"><i style="visibility: visible;"></i></li>
<li class="van-hairline"><i style="visibility: visible;"></i></li>
<li class="van-hairline"><i style="visibility: visible;"></i></li>
<li class="van-hairline"><i style="visibility: hidden;"></i></li>
<li class="van-hairline"><i style="visibility: hidden;"></i></li>
<li class="van-hairline"><i style="visibility: hidden;"></i></li>
<li class=""><i style="visibility: visible;"></i></li>
<li class="van-hairline--left"><i style="visibility: visible;"></i></li>
<li class="van-hairline--left"><i style="visibility: visible;"></i></li>
<li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
<li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
<li class="van-hairline--left"><i style="visibility: hidden;"></i></li>
</ul>
<div class="van-password-input__info">密码为 6 位数字</div>
</div>
@@ -18,15 +18,25 @@ exports[`renders demo correctly 1`] = `
<div class="van-number-keyboard__body"><i class="van-hairline van-key">1</i><i class="van-hairline van-key">2</i><i class="van-hairline van-key">3</i><i class="van-hairline van-key">4</i><i class="van-hairline van-key">5</i><i class="van-hairline van-key">6</i><i class="van-hairline van-key">7</i><i class="van-hairline van-key">8</i><i class="van-hairline van-key">9</i><i class="van-hairline van-key van-key--gray"></i><i class="van-hairline van-key">0</i><i class="van-hairline van-key van-key--gray van-key--delete">删除</i></div>
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security">
<li class=""><i style="visibility: visible;"></i></li>
<li class="" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
<li class="" style="margin-left: 15px;"><i style="visibility: visible;"></i></li>
<li class="" style="margin-left: 15px;"><i style="visibility: hidden;"></i></li>
</ul>
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-hairline">1</li>
<li class="van-hairline">2</li>
<li class="van-hairline">3</li>
<li class="van-hairline"></li>
<li class="van-hairline"></li>
<li class="van-hairline"></li>
<li class="">1</li>
<li class="van-hairline--left">2</li>
<li class="van-hairline--left">3</li>
<li class="van-hairline--left"></li>
<li class="van-hairline--left"></li>
<li class="van-hairline--left"></li>
</ul>
</div>
</div>