ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-24 02:02:09 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[Improvement] Radio: name support any types (#863)

Browse Source
This commit is contained in:
neverland
2018-04-12 15:45:28 +08:00
committed by GitHub
parent ec47c8d0d3
commit 7c84582d7b
9 changed files with 49 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
docs/demos/views/radio.vue
View File

@@ -1,30 +1,21 @@
<template>
<demo-section>
<demo-block :title="$t('basicUsage')">
<div class="van-radios">
<van-radio name="1" v-model="radio1">{{ $t('radio') }} 1</van-radio>
<van-radio name="2" v-model="radio1">{{ $t('radio') }} 2</van-radio>
</div>
<van-radio-group v-model="radio1" class="demo-radio-group">
<van-radio name="1">{{ $t('radio') }} 1</van-radio>
<van-radio name="2">{{ $t('radio') }} 2</van-radio>
</van-radio-group>
</demo-block>
<demo-block :title="$t('disabled')">
<div class="van-radios">
<van-radio name="1" v-model="radio2" disabled>{{ $t('text1') }}</van-radio>
<van-radio name="2" v-model="radio2" disabled>{{ $t('text2') }}</van-radio>
</div>
<van-radio-group v-model="radio2" class="demo-radio-group" disabled>
<van-radio name="1">{{ $t('radio') }} 1</van-radio>
<van-radio name="2">{{ $t('radio') }} 2</van-radio>
</van-radio-group>
</demo-block>
<demo-block :title="$t('title3')">
<div class="van-radios">
<van-radio-group v-model="radio3">
<van-radio name="1">{{ $t('radio') }} 1</van-radio>
<van-radio name="2">{{ $t('radio') }} 2</van-radio>
</van-radio-group>
</div>
</demo-block>
<demo-block :title="$t('title4')">
<van-radio-group v-model="radio4">
<van-radio-group v-model="radio3">
<van-cell-group>
<van-cell><van-radio name="1">{{ $t('radio') }}1</van-radio></van-cell>
<van-cell><van-radio name="2">{{ $t('radio') }}2</van-radio></van-cell>
@@ -41,15 +32,13 @@ export default {
radio: '单选框',
text1: '未选中禁用',
text2: '选中且禁用',
title3: 'Radio 组',
title4: '与 Cell 组件一起使用'
title3: '与 Cell 组件一起使用'
},
'en-US': {
radio: 'Radio',
text1: 'Disabled',
text2: 'Disabled and checked',
title3: 'Radio Group',
title4: 'Inside a Cell'
title: 'Inside a Cell'
}
},
@@ -57,8 +46,7 @@ export default {
return {
radio1: '1',
radio2: '2',
radio3: '1',
radio4: '1'
radio3: '1'
};
}
};
@@ -66,11 +54,11 @@ export default {
<style lang="postcss">
.demo-radio {
.van-radios {
padding: 0 20px;
&-group {
padding: 0 17px;
.van-radio {
margin: 10px 0;
margin-bottom: 10px;
}
}