<template>
    <!-- <h-action-sheet v-model="show" :actions="action"></h-action-sheet> -->
    <div>
        <h-action-sheet v-model="show" title="支持以下配送方式" :actions="action">
        <p>一些内容</p>
        </h-action-sheet>
        <button @click="handleClick">弹出</button>
    </div>
</template>

<script>
import hActionSheet from './index'
export default {
    name: "action-sheet-demo",
    data() {
        return {
            show: false,
            action: [
                {
                    name: '选项'
                },
                {
                    name: '选项',
                    subname: '描述信息'
                },
                {
                    loading: true
                },
                {
                    name: '禁用选项',
                    disabled: true
                }
            ]
        }
    },
    components: {
        hActionSheet
    },
    methods: {
        handleClick() {
            this.show = !this.show;
        }
    }
}
</script>