diff --git a/src/components/VanFieldPicker/index.vue b/src/components/VanFieldPicker/index.vue
new file mode 100644
index 0000000..2749162
--- /dev/null
+++ b/src/components/VanFieldPicker/index.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+ { value = selectedOptions[0]?.value; showPicker = false }" @cancel="showPicker = false" />
+
+
diff --git a/src/types/components.d.ts b/src/types/components.d.ts
index 69b21f0..3664321 100644
--- a/src/types/components.d.ts
+++ b/src/types/components.d.ts
@@ -24,5 +24,6 @@ declare module 'vue' {
RouterView: typeof import('vue-router')['RouterView']
SvgIcon: typeof import('./../components/SvgIcon/index.vue')['default']
Trend: typeof import('./../components/Trend/index.vue')['default']
+ VanFieldPicker: typeof import('./../components/VanFieldPicker/index.vue')['default']
}
}
diff --git a/src/types/typed-router.d.ts b/src/types/typed-router.d.ts
index 019522e..2eb5af0 100644
--- a/src/types/typed-router.d.ts
+++ b/src/types/typed-router.d.ts
@@ -23,6 +23,7 @@ declare module 'vue-router/auto-routes' {
'/feature/': RouteRecordInfo<'/feature/', '/feature', Record, Record>,
'/feature/component/basic': RouteRecordInfo<'/feature/component/basic', '/feature/component/basic', Record, Record>,
'/feature/component/built-in': RouteRecordInfo<'/feature/component/built-in', '/feature/component/built-in', Record, Record>,
+ '/feature/component/composite': RouteRecordInfo<'/feature/component/composite', '/feature/component/composite', Record, Record>,
'/feature/component/pagemain-demo': RouteRecordInfo<'/feature/component/pagemain-demo', '/feature/component/pagemain-demo', Record, Record>,
'/feature/component/trend-demo': RouteRecordInfo<'/feature/component/trend-demo', '/feature/component/trend-demo', Record, Record>,
'/feature/function/icon': RouteRecordInfo<'/feature/function/icon', '/feature/function/icon', Record, Record>,
diff --git a/src/views/feature/component/composite.vue b/src/views/feature/component/composite.vue
new file mode 100644
index 0000000..dab4d54
--- /dev/null
+++ b/src/views/feature/component/composite.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+ Vant 提供的组件大多数比较原子化,在实际业务开发中,往往一个功能需要通过多个组件结合使用才能实现。本框架则将一些常用的功能封装成复合组件,方便开发者使用。
+
+
+
+
+ 选中值: {{ fieldPickerValue }}
+
+
+
diff --git a/src/views/feature/index.vue b/src/views/feature/index.vue
index a6f8792..d994617 100644
--- a/src/views/feature/index.vue
+++ b/src/views/feature/index.vue
@@ -59,6 +59,7 @@ const data: {
icon: 'i-bx:bxs-component',
routes: [
{ path: '/feature/component/basic', title: '基础组件' },
+ { path: '/feature/component/composite', title: '复合组件' },
],
},
{