[bugfix] Actionsheet: border display error (#686)

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 }
       ];
     }

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
+        }
       ]
     };
   },

docs/markdown/zh-CN/actionsheet.md

@@ -27,7 +27,8 @@ export default {
           callback: this.onClick
         },
         {
-          name: '信用卡支付'
+          name: '选项',
+          subname: '描述信息'
         },
         {
           name: '选项',

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"

packages/vant-css/src/actionsheet.css

@@ -28,6 +28,7 @@
   &__subname {
     font-size: 12px;
     color: $gray-darker;
+    margin-left: 5px;
   }
 
   &__loading {