[Doc] Radio: update demo (#3648)

This commit is contained in:
neverland 2019-06-26 17:30:24 +08:00 committed by GitHub
parent 707729a544
commit 8d5a2fc438
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 38 additions and 41 deletions

View File

@ -76,6 +76,7 @@
>
<van-checkbox
ref="checkboxes"
slot="right-icon"
:name="item"
/>
</van-cell>
@ -141,10 +142,6 @@ export default {
}
.van-cell {
&__value {
flex: none;
}
.van-checkbox {
margin: 0;
}

View File

@ -117,7 +117,11 @@ export default {
:title="`Checkbox ${item}`"
@click="toggle(index)"
>
<van-checkbox :name="item" ref="checkboxes" />
<van-checkbox
:name="item"
ref="checkboxes"
slot="right-icon"
/>
</van-cell>
</van-cell-group>
</van-checkbox-group>

View File

@ -86,29 +86,23 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>复选框a</span></div>
<div class="van-cell__value">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
<div class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>复选框b</span></div>
<div class="van-cell__value">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
<div class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>复选框c</span></div>
<div class="van-cell__value">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
</div>

View File

@ -121,7 +121,11 @@ export default {
:title="`复选框 ${item}`"
@click="toggle(index)"
>
<van-checkbox :name="item" ref="checkboxes" />
<van-checkbox
:name="item"
ref="checkboxes"
slot="right-icon"
/>
</van-cell>
</van-cell-group>
</van-checkbox-group>

View File

@ -69,14 +69,20 @@
:title="$t('radio') + 1"
@click="radio5 = '1'"
>
<van-radio name="1" />
<van-radio
name="1"
slot="right-icon"
/>
</van-cell>
<van-cell
clickable
:title="$t('radio') + 2"
@click="radio5 = '2'"
>
<van-radio name="2" />
<van-radio
name="2"
slot="right-icon"
/>
</van-cell>
</van-cell-group>
</van-radio-group>
@ -131,10 +137,6 @@ export default {
}
}
.van-cell__value {
flex: none;
}
img {
height: 20px;
}

View File

@ -93,10 +93,10 @@ export default {
<van-radio-group v-model="radio">
<van-cell-group>
<van-cell title="Radio 1" clickable @click="radio = '1'">
<van-radio name="1" />
<van-radio slot="right-icon" name="1" />
</van-cell>
<van-cell title="Radio 2" clickable @click="radio = '2'">
<van-radio name="2" />
<van-radio slot="right-icon" name="2" />
</van-cell>
</van-cell-group>
</van-radio-group>

View File

@ -61,20 +61,16 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>单选框1</span></div>
<div class="van-cell__value">
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
<div role="radio" tabindex="0" aria-checked="true" class="van-radio">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
<div class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>单选框2</span></div>
<div class="van-cell__value">
<div role="radio" tabindex="-1" aria-checked="false" class="van-radio">
<div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
<div role="radio" tabindex="-1" aria-checked="false" class="van-radio">
<div class="van-radio__icon van-radio__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
</div>

View File

@ -99,10 +99,10 @@ export default {
<van-radio-group v-model="radio">
<van-cell-group>
<van-cell title="单选框 1" clickable @click="radio = '1'">
<van-radio name="1" />
<van-radio slot="right-icon" name="1" />
</van-cell>
<van-cell title="单选框 2" clickable @click="radio = '2'">
<van-radio name="2" />
<van-radio slot="right-icon" name="2" />
</van-cell>
</van-cell-group>
</van-radio-group>