diff --git a/docs/demos/views/actionsheet.vue b/docs/demos/views/actionsheet.vue
index 56fcd4124..120f103c3 100644
--- a/docs/demos/views/actionsheet.vue
+++ b/docs/demos/views/actionsheet.vue
@@ -27,14 +27,16 @@ export default {
       button2: '弹出带取消按钮的 Actionsheet',
       button3: '弹出带标题的 Actionsheet',
       title2: '带取消按钮的 Actionsheet',
-      title3: '带标题的 Actionsheet'
+      title3: '带标题的 Actionsheet',
+      description: '描述信息'
     },
     'en-US': {
       button1: 'Show Actionsheet',
       button2: 'Show Actionsheet with cancel button',
       button3: 'Show Actionsheet with title',
       title2: 'Actionsheet with cancel button',
-      title3: 'Actionsheet with title'
+      title3: 'Actionsheet with title',
+      description: 'Description'
     }
   },
 
@@ -50,7 +52,7 @@ export default {
     actions() {
       return [
         { name: this.$t('option'), callback: this.onClick },
-        { name: this.$t('option') },
+        { name: this.$t('option'), subname: this.$t('description') },
         { name: this.$t('option'), loading: true }
       ];
     }
diff --git a/docs/markdown/en-US/actionsheet.md b/docs/markdown/en-US/actionsheet.md
index 6a58204ed..5760d01c6 100644
--- a/docs/markdown/en-US/actionsheet.md
+++ b/docs/markdown/en-US/actionsheet.md
@@ -22,9 +22,18 @@ export default {
     return {
       show: false,
       actions: [
-        { name: 'Option1', callback: this.onClick },
-        { name: 'Option2' },
-        { name: 'Option3', loading: true }
+        {
+          name: 'Option',
+          callback: this.onClick
+        },
+        {
+          name: 'Option',
+          description: 'Description'
+        },
+        {
+          name: 'Option',
+          loading: true
+        }
       ]
     };
   },
diff --git a/docs/markdown/zh-CN/actionsheet.md b/docs/markdown/zh-CN/actionsheet.md
index a91d53b94..41e6c8f07 100644
--- a/docs/markdown/zh-CN/actionsheet.md
+++ b/docs/markdown/zh-CN/actionsheet.md
@@ -27,7 +27,8 @@ export default {
           callback: this.onClick
         },
         {
-          name: '信用卡支付'
+          name: '选项',
+          subname: '描述信息'
         },
         {
           name: '选项',
diff --git a/packages/actionsheet/index.vue b/packages/actionsheet/index.vue
index f04920049..4c2b3ca8a 100644
--- a/packages/actionsheet/index.vue
+++ b/packages/actionsheet/index.vue
@@ -5,7 +5,7 @@
         <div v-text="title" />
         <icon name="close" @click.stop="$emit('input', false)" />
       </div>
-      <ul v-if="!title" class="van-actionsheet__list">
+      <ul v-if="!title" class="van-actionsheet__list van-hairline--bottom">
         <li
           v-for="(item, index) in actions"
           :key="index"
diff --git a/packages/vant-css/src/actionsheet.css b/packages/vant-css/src/actionsheet.css
index bf884756d..288ea5859 100644
--- a/packages/vant-css/src/actionsheet.css
+++ b/packages/vant-css/src/actionsheet.css
@@ -28,6 +28,7 @@
   &__subname {
     font-size: 12px;
     color: $gray-darker;
+    margin-left: 5px;
   }
 
   &__loading {