<template>
    <div class="weui-cell vux-tap-active weui-cell_access" @click="onClick">
        <div class="weui-cell__hd"></div>
        <div class="vux-cell-bd vux-cell-primary">
            <p><label class="vux-label">{{label}}</label></p></div>
        <div class="weui-cell__ft"><slot></slot></div>
    </div>
</template>

<script>
    export default {
        name: "myCell",
        methods: {
            onClick() {
                this.$emit('on-click');
            }
        },
        props: {
            label: {
                type: String,
                default: ''
            }
        }
    }
</script>

<style scoped>
    .vux-cell-primary {
        flex: 1;
    }
    .vux-label {
        display: block;
        word-wrap: break-word;
        word-break: break-all;
    }
</style>
