diff --git a/dist/action-sheet/index.js b/dist/action-sheet/index.js
index 58e866d9..aee6999b 100644
--- a/dist/action-sheet/index.js
+++ b/dist/action-sheet/index.js
@@ -1,6 +1,7 @@
 import { VantComponent } from '../common/component';
 import { button } from '../mixins/button';
 VantComponent({
+    classes: ['list-class'],
     mixins: [button],
     props: {
         show: Boolean,
diff --git a/dist/action-sheet/index.wxml b/dist/action-sheet/index.wxml
index b04cc3a3..d59a45d6 100644
--- a/dist/action-sheet/index.wxml
+++ b/dist/action-sheet/index.wxml
@@ -6,7 +6,7 @@
   round="{{ round }}"
   z-index="{{ zIndex }}"
   overlay="{{ overlay }}"
-  custom-class="van-action-sheet"
+  custom-class="van-action-sheet custom-class"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   bind:close="onClickOverlay"
@@ -22,7 +22,7 @@
   <view wx:if="{{ description }}" class="van-action-sheet__description van-hairline--bottom">
     {{ description }}
   </view>
-  <view wx:if="{{ actions && actions.length }}">
+  <view wx:if="{{ actions && actions.length }}" class="list-class">
     <!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
     <button
       wx:for="{{ actions }}"
diff --git a/dist/dropdown-item/index.js b/dist/dropdown-item/index.js
index 0b0d00f6..2934ce3a 100644
--- a/dist/dropdown-item/index.js
+++ b/dist/dropdown-item/index.js
@@ -1,6 +1,7 @@
 import { useParent } from '../common/relation';
 import { VantComponent } from '../common/component';
 VantComponent({
+    classes: ['item-title-class'],
     field: true,
     relation: useParent('dropdown-menu', function () {
         this.updateDataFromParent();
diff --git a/dist/dropdown-item/index.wxml b/dist/dropdown-item/index.wxml
index dd75292f..c9d4aa57 100644
--- a/dist/dropdown-item/index.wxml
+++ b/dist/dropdown-item/index.wxml
@@ -2,7 +2,7 @@
 
 <view
   wx:if="{{ showWrapper }}"
-  class="{{ utils.bem('dropdown-item', direction) }}"
+  class="{{ utils.bem('dropdown-item', direction) }} custom-class"
   style="{{ wrapperStyle }}"
 >
   <van-popup
@@ -30,7 +30,7 @@
     >
       <view
         slot="title"
-        class="van-dropdown-item__title"
+        class="van-dropdown-item__title item-title-class"
         style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
       >
         {{ item.text }}
diff --git a/dist/dropdown-menu/index.js b/dist/dropdown-menu/index.js
index 1ed1a878..e5df3ea4 100644
--- a/dist/dropdown-menu/index.js
+++ b/dist/dropdown-menu/index.js
@@ -4,6 +4,7 @@ import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
 let ARRAY = [];
 VantComponent({
     field: true,
+    classes: ['title-class'],
     relation: useChildren('dropdown-item', function () {
         this.updateItemListData();
     }),
diff --git a/dist/dropdown-menu/index.wxml b/dist/dropdown-menu/index.wxml
index cfd661d1..ec165a9d 100644
--- a/dist/dropdown-menu/index.wxml
+++ b/dist/dropdown-menu/index.wxml
@@ -10,7 +10,7 @@
     bind:tap="onTitleTap"
   >
     <view
-      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
+      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }} title-class"
       style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
     >
       <view class="van-ellipsis">
diff --git a/dist/search/index.js b/dist/search/index.js
index 8ce5d938..158396ce 100644
--- a/dist/search/index.js
+++ b/dist/search/index.js
@@ -4,6 +4,10 @@ VantComponent({
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],
     props: {
+        value: {
+            type: String,
+            value: '',
+        },
         label: String,
         focus: Boolean,
         error: Boolean,
diff --git a/lib/action-sheet/index.js b/lib/action-sheet/index.js
index b7af646b..a39818af 100644
--- a/lib/action-sheet/index.js
+++ b/lib/action-sheet/index.js
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var component_1 = require("../common/component");
 var button_1 = require("../mixins/button");
 (0, component_1.VantComponent)({
+    classes: ['list-class'],
     mixins: [button_1.button],
     props: {
         show: Boolean,
diff --git a/lib/action-sheet/index.wxml b/lib/action-sheet/index.wxml
index b04cc3a3..d59a45d6 100644
--- a/lib/action-sheet/index.wxml
+++ b/lib/action-sheet/index.wxml
@@ -6,7 +6,7 @@
   round="{{ round }}"
   z-index="{{ zIndex }}"
   overlay="{{ overlay }}"
-  custom-class="van-action-sheet"
+  custom-class="van-action-sheet custom-class"
   safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
   close-on-click-overlay="{{ closeOnClickOverlay }}"
   bind:close="onClickOverlay"
@@ -22,7 +22,7 @@
   <view wx:if="{{ description }}" class="van-action-sheet__description van-hairline--bottom">
     {{ description }}
   </view>
-  <view wx:if="{{ actions && actions.length }}">
+  <view wx:if="{{ actions && actions.length }}" class="list-class">
     <!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
     <button
       wx:for="{{ actions }}"
diff --git a/lib/dropdown-item/index.js b/lib/dropdown-item/index.js
index 42de11fd..eb1bb601 100644
--- a/lib/dropdown-item/index.js
+++ b/lib/dropdown-item/index.js
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var relation_1 = require("../common/relation");
 var component_1 = require("../common/component");
 (0, component_1.VantComponent)({
+    classes: ['item-title-class'],
     field: true,
     relation: (0, relation_1.useParent)('dropdown-menu', function () {
         this.updateDataFromParent();
diff --git a/lib/dropdown-item/index.wxml b/lib/dropdown-item/index.wxml
index dd75292f..c9d4aa57 100644
--- a/lib/dropdown-item/index.wxml
+++ b/lib/dropdown-item/index.wxml
@@ -2,7 +2,7 @@
 
 <view
   wx:if="{{ showWrapper }}"
-  class="{{ utils.bem('dropdown-item', direction) }}"
+  class="{{ utils.bem('dropdown-item', direction) }} custom-class"
   style="{{ wrapperStyle }}"
 >
   <van-popup
@@ -30,7 +30,7 @@
     >
       <view
         slot="title"
-        class="van-dropdown-item__title"
+        class="van-dropdown-item__title item-title-class"
         style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
       >
         {{ item.text }}
diff --git a/lib/dropdown-menu/index.js b/lib/dropdown-menu/index.js
index a589a172..86ae618d 100644
--- a/lib/dropdown-menu/index.js
+++ b/lib/dropdown-menu/index.js
@@ -6,6 +6,7 @@ var utils_1 = require("../common/utils");
 var ARRAY = [];
 (0, component_1.VantComponent)({
     field: true,
+    classes: ['title-class'],
     relation: (0, relation_1.useChildren)('dropdown-item', function () {
         this.updateItemListData();
     }),
diff --git a/lib/dropdown-menu/index.wxml b/lib/dropdown-menu/index.wxml
index cfd661d1..ec165a9d 100644
--- a/lib/dropdown-menu/index.wxml
+++ b/lib/dropdown-menu/index.wxml
@@ -10,7 +10,7 @@
     bind:tap="onTitleTap"
   >
     <view
-      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
+      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }} title-class"
       style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
     >
       <view class="van-ellipsis">
diff --git a/lib/search/index.js b/lib/search/index.js
index 1179c7e9..0d28b995 100644
--- a/lib/search/index.js
+++ b/lib/search/index.js
@@ -6,6 +6,10 @@ var version_1 = require("../common/version");
     field: true,
     classes: ['field-class', 'input-class', 'cancel-class'],
     props: {
+        value: {
+            type: String,
+            value: '',
+        },
         label: String,
         focus: Boolean,
         error: Boolean,