<view :class="classes" :style="baseStyle" @click="handleClick">
    <slot>
        <view class="nut-cell__icon" v-if="icon || $slots.icon">
            <slot name="icon">
                <nut-icon v-bind="$attrs" v-if="icon" class="icon" :name="icon"></nut-icon>
            </slot>
        </view>
        <view class="nut-cell__title" v-if="title || subTitle || $slots.title">

            <template v-if="subTitle">
                <slot name="title">
                    <view class="title">{{ title }}</view>
                </slot>
                <view class="nut-cell__title-desc">{{ subTitle }}</view>
            </template>
            <template v-else>
                <slot name="title">
                    {{ title }}
                </slot>
            </template>
        </view>
        <view v-if="desc" class="nut-cell__value"
            :class="{ 'nut-cell__value--alone': (!title && !subTitle && !$slots.title) }"
            :style="{ 'text-align': descTextAlign }">{{ desc }}</view>
        <slot name="link">
            <nut-icon v-if="isLink || to" class="nut-cell__link" v-bind="$attrs" :name="rightIcon"></nut-icon>
        </slot>
    </slot>
</view>