<template>
    <div class="nus_operateitem"
        v-if="itemData && itemData.text"
        v-text="itemData.text"
        :class="itemData.className"
        @click="_onClick"
        @tap="_onTap">
    </div>
</template>

<script>
import OperateTmp from '../_comm/OperateTmp';
export default {
    extends: OperateTmp,
    props: {
        /**
         * 数据项
         */
        itemData: {
            type: Object
        }
    }
};
</script>

<style lang="scss">
@import '../../../../_assets/style/_iconFont.scss';
@import '../../../../_assets/style/_var.scss';
@import '../../../../_assets/style/_mixin.scss';

.nus_operateitem {
    width: 100%;
    text-align: center;
    position: relative;
    line-height: $nuoperate-line-height;
    border-color: inherit;
    &:first-child {
        &::before {
            display: none;
        }
    }
    &::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 0px;
        transform: scaleY(.6);
        z-index: 1;
        border: {
            bottom-style: solid;
            width: $nuoperate-br-width;
            color: inherit;
        }
    }
}
</style>
