ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

popup component demo

Browse Source
This commit is contained in:
cookfront
2017-03-09 20:29:41 +08:00
parent da86a0c214
commit 2fe99d031a
10 changed files with 219 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
docs/examples-dist/field.vue
View File

@@ -1,6 +1,6 @@
<template><section class="demo-field"><h1 class="demo-title">field</h1><example-block title="基础用法">
<zan-cell-group>
<zan-field type="text" label="用户名：" placeholder="请输入用户名"></zan-field>
<zan-field type="text" label="用户名：" placeholder="请输入用户名" v-model="username"></zan-field>
<zan-field type="password" label="密码：" placeholder="请输入密码"></zan-field>
<zan-field type="textarea" label="个人介绍：" placeholder="请输入个人介绍"></zan-field>
</zan-cell-group>
@@ -10,12 +10,25 @@
<zan-field type="text" placeholder="请输入用户名"></zan-field>
</zan-cell-group>
</example-block><example-block title="监听change事件">
</example-block><example-block title="禁用的输入框">
<zan-cell-group>
<zan-field type="text" label="用户名：" placeholder="请输入用户名" @change="handleChange"></zan-field>
<zan-field label="用户名：" type="text" placeholder="请输入用户名" v-model="username" disabled></zan-field>
</zan-cell-group>
</example-block><example-block title="错误的输入框">
<zan-cell-group>
<zan-field label="用户名：" type="text" placeholder="请输入用户名" error=""></zan-field>
</zan-cell-group>
</example-block></section></template>
<script>
import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);</script>
import Vue from "vue";import ExampleBlock from "../components/example-block";Vue.component("example-block", ExampleBlock);
export default {
data() {
return {
username: 'zhangmin'
};
}
};
</script>