drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add Radio UI

Browse source 
add Radio UI
This commit is contained in:
梁灏 2016-09-20 20:46:27 +08:00
parent e1596b7e2c
commit 4925f85fea
6 changed files with 299 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

51
local/routers/radio.vue
View file

@ -29,6 +29,51 @@
</Collapse>
<Button @click="activeKey = '2'">换</Button>
</div>
<Radio :checked.sync="radio">Radio</Radio>
<Button @click="radio = !radio">change radio</Button>
<br>
<br>
<Radio-group :model.sync="phone" type="button">
<Radio value="apple">
<Icon type="social-apple"></Icon>
<span>Apple</span>
</Radio>
<Radio value="android">
<Icon type="social-android"></Icon>
<span>Android</span>
</Radio>
<Radio value="windows">
<Icon type="social-windows"></Icon>
<span>Windows</span>
</Radio>
</Radio-group>
<Radio-group :model.sync="animal" type="button">
<Radio value="金斑蝶"></Radio>
<Radio value="爪哇犀牛"></Radio>
<Radio value="印度黑羚"></Radio>
</Radio-group>
<Radio-group :model.sync="animal" type="button">
<Radio value="金斑蝶" disabled></Radio>
<Radio value="爪哇犀牛" disabled></Radio>
<Radio value="印度黑羚"></Radio>
</Radio-group>
<br><br>
<Radio-group :model.sync="animal" type="button" size="large">
<Radio value="金斑蝶"></Radio>
<Radio value="爪哇犀牛"></Radio>
<Radio value="印度黑羚"></Radio>
</Radio-group>
<Radio-group :model.sync="animal" type="button">
<Radio value="金斑蝶"></Radio>
<Radio value="爪哇犀牛"></Radio>
<Radio value="印度黑羚"></Radio>
</Radio-group>
<Radio-group :model.sync="animal" type="button" size="small">
<Radio value="金斑蝶"></Radio>
<Radio value="爪哇犀牛"></Radio>
<Radio value="印度黑羚"></Radio>
</Radio-group>
</template>
<script>
import { Radio, Alert, Icon, Collapse, Button } from 'iview';
@ -51,9 +96,11 @@
},
data () {
return {
radio: true,
radio: false,
radioGroup: '段模',
activeKey: [1,2]
activeKey: [1,2],
phone: 'apple',
animal: '爪哇犀牛'
}
},
computed: {