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

radio component

Browse Source
This commit is contained in:
cookfront 2017-02-28 16:51:20 +08:00
parent 5235ba42be
commit b34bb4d7a8
2 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
docs/examples/radio.vue
View File

@ -2,6 +2,7 @@
<div class="page-radio"> <div class="page-radio">
<h1 class="page-title">Radio</h1> <h1 class="page-title">Radio</h1>
<div class="demo-wrapper">
<h2 class="page-sub-title">基础用法</h2> <h2 class="page-sub-title">基础用法</h2>
<z-radio name="1" v-model="radio1">单选框1</z-radio> <z-radio name="1" v-model="radio1">单选框1</z-radio>
<z-radio name="2" v-model="radio1">单选框2</z-radio> <z-radio name="2" v-model="radio1">单选框2</z-radio>
@ -15,6 +16,16 @@
<z-radio name="1">单选框1</z-radio> <z-radio name="1">单选框1</z-radio>
<z-radio name="2">单选框2</z-radio> <z-radio name="2">单选框2</z-radio>
</z-radio-group> </z-radio-group>
<h2 class="page-sub-title">与Cell组件一起使用</h2>
</div>
<z-radio-group v-model="radio4">
<z-cell-group>
<z-cell><z-radio name="1">单选框1</z-radio></z-cell>
<z-cell><z-radio name="2">单选框2</z-radio></z-cell>
</z-cell-group>
</z-radio-group>
</div> </div>
</template> </template>
@ -24,14 +35,19 @@ export default {
return { return {
radio1: '1', radio1: '1',
radio2: '2', radio2: '2',
radio3: '1' radio3: '1',
} radio4: '1'
};
} }
}; };
</script> </script>
<style> <style>
.page-radio { .demo-wrapper {
padding: 0 15px; padding: 0 15px;
.z-radio {
margin: 10px 0;
}
} }
</style> </style>

2
packages/zanui-css/src/radio.css
View File

@ -31,8 +31,6 @@
.zui-icon { .zui-icon {
font-size: 22px; font-size: 22px;
line-height: 1; line-height: 1;
position: relative;
top: 1px;
} }
.zui-icon-checked { .zui-icon-checked {