<wh-logo></wh-logo>
<wh-icon>mdi-car-light-fog</wh-icon>
<wh-hyperlink href="http://www.baidu.com" label="百度" />
<wh-loading :loading="overlay" />
<wh-textfield label="*办公室位置" placeholder="万华实业前楼" disabled
append-icon="mdi-account-edit"/>
<wh-numberfield v-model="valuenumber" :isDecimal="false" label="办公室个数"
placeholder="please input number" append-icon="mdi-bee" />
<wh-moneyfield v-model="valuenumber" label="办公室价格"
placeholder="please input number" append-icon="mdi-bee" />
<wh-textarea label="评估意见" light placeholder="请填写评估意见" value="">
<wh-btn depressed block color="indigo" dark>Button</wh-btn>
<wh-select :items="types" label="state" item-text="state"
item-value="abbr"></wh-select>
<wh-radio-group row>
<wh-radio label="男" value="radio-1"></wh-radio>
<wh-radio label="女" value="radio-2"></wh-radio>
</wh-radio-group>
<wh-radio-group row>
<wh-checkbox label="张三" value="checkbox-1"></wh-checkbox>
<wh-checkbox label="李四" value="checkbox-2"></wh-checkbox>
</wh-radio-group>
<wh-treeview :items="treeitems" />
<wh-layout>
<wh-flex :rowNumber="2">
<wh-textfield label="一行两列" placeholder="万华实业前楼" />
<wh-flex>
<wh-flex :rowNumber="2">
<wh-textfield label="一行两列" placeholder="万华实业前楼" />
<wh-flex>
<wh-flex :rowNumber="3">
<wh-textfield label="一行三列" placeholder="万华实业前楼" />
<wh-flex>
<wh-flex :rowNumber="3">
<wh-textfield label="一行三列" placeholder="万华实业前楼" />
<wh-flex>
<wh-flex :rowNumber="3">
<wh-textfield label="一行三列" placeholder="万华实业前楼" />
</wh-flex>
<wh-flex :rowNumber="1">
<wh-textfield label="一行一列" placeholder="万华实业前楼" />
</wh-flex>
</wh-layout>
<wh-table :headers="typeheaders" :items="typedesserts" :actions="typeActions"
@item-selected="itemSelected"
:showSelect="true" :singleSelect="false" @click:row="clickRow" @inline-edit="inlineEditFunction"
@submitEvent="submitTest" class="elevation-1" > @deleteEvent="deleteTest"
<wh-pagination v-model="page" :length="10"></wh-pagination>
</wh-table>
<wh-timeline>
<wh-timeline-item>timeline item</wh-timeline-item>
<wh-timeline-item class="text-right">timeline item</wh-timeline-item>
<wh-timeline-item>timeline item</wh-timeline-item>
</wh-timeline>
<wh-tabs>
<wh-tab>Item One</wh-tab>
<wh-tab>Item Two</wh-tab>
<wh-tab>Item Three</wh-tab>
</wh-tabs>
以上仅为tab简单使用场景，详细用法参见vuetify官网doc
<wh-date-picker v-model="date" label="日期"/>
<wh-time-picker v-model="time" label="时间"/>
<wh-pagination v-model="page" :length="10"/>