iview snippets
snippets list
shortcut |
Content |
vue-template |
<template ></template><script></script><style></style> |
func |
function(){} |
iview-template |
a iview layout |
iRow |
<Row></Row> |
iCol |
<Col span=""></Col> |
iIcon |
<Icon type="" /> |
iCard |
<Card><p slot="title"></p></Card> |
iButton |
<Button type="primary"></Button> |
iButtonGroup |
<ButtonGroup><Button></Button><Button type="primary"></Button></ButtonGroup> |
iInput |
<Input v-model="" placeholder=""></Input> |
iInputnumber |
<Input-number :max="10" :min="1" v-model="model"></Input-number> |
iTable |
<Table :columns="column" :data="data"></Table> |
iSelect |
<Select v-model="model"><Option v-for="item in list" :value="value" :key="item"></Option></Select> |
iDatepicker |
<Date-picker type="datetime" format="yyyy/MM/dd HH:mm" placeholder="选择日期和时间"></Date-picker> |
iUpload |
<Upload action=""><Button type="ghost" icon="ios-cloud-upload-outline">上传文件</Button></Upload> |
iModal |
<Modal v-model="" title=""><p>Content of dialog</p></Modal> |
iNotice |
this.$Notice.open(''); |
iForm |
from |
iRadio |
<Radio v-model=""></Radio> |
iRadioGroup |
<RadioGroup v-model=""><Radio label=""></Radio><Radio label=""></Radio></RadioGroup> |
iCheckBox |
<Checkbox v-model=""></Checkbox> |
iCheckBoxGroup |
<CheckBoxGroup v-model=""><Checkbox label=""></Checkbox></CheckBoxGroup> |
| |