zanui demos

docs/examples-docs/field.md

@@ -1,26 +1,11 @@
-<script>
-export default {
-  data() {
-    return {
-      name: ''
-    };
-  },
-
-  methods: {
-    handleChange() {
-      console.log(this.name);
-    }
-  }
-};
-</script>
-
 ## Field组件
 
 表单中`input`或`textarea`的输入框。
 
 ### 基础用法
 
-:::demo 根据`type`属性显示不同的输入框。
+根据`type`属性显示不同的输入框。
+
 ```html
 <z-cell-group>
   <z-field type="text" label="用户名：" placeholder="请输入用户名"></z-field>
@@ -28,27 +13,26 @@ export default {
   <z-field type="textarea" label="个人介绍：" placeholder="请输入个人介绍"></z-field>
 </z-cell-group>
 ```
-:::
 
 ### 无label的输入框
 
-:::demo 不传入`label`属性即可。
+不传入`label`属性即可。
+
 ```html
 <z-cell-group>
   <z-field type="text" placeholder="请输入用户名"></z-field>
 </z-cell-group>
 ```
-:::
 
 ### 监听change事件
 
-:::demo 监听组件的`change`事件。
+监听组件的`change`事件。
+
 ```html
 <z-cell-group>
   <z-field type="text" label="用户名：" placeholder="请输入用户名" @change="handleChange"></z-field>
 </z-cell-group>
 ```
-:::
 
 ### API