cloud-ui.vusion/src/u-popover.vue/index.html

Vusion Cloud UI

<u-popper ref="popper" :trigger="trigger" :placement="placement" :open="open">
    <slot></slot>
    <div slot="popper" :class="$style.body">
        <div :class="$style.arrow"></div>
        <div :class="$style.wrap" v-if="confirm">
            <div :class="$style.chead">
                <slot name="confirm">
                    <div :class="$style.message">{{message}}</div>
                </slot>
            </div>
            <div :class="$style.linkGroup">
                <u-link :class="$style.linkitem" v-if="confirmOk" @click.native="close">{{confirmOk}}</u-link>
                <u-link :class="$style.linkitem" v-if="confirmCancel"  @click.native="close">{{confirmCancel}}</u-link>
            </div>
        </div>
        <div :class="$style.wrap" v-else>
            <slot name="title">
                <div :class="$style.title" v-if="title">{{title}}</div>
            </slot>
            <slot name="content">
                <div :class="$style.content" v-if="content">{{content}}</div>
            </slot>
        </div>
    </div>
</u-popper>