vue-template

Project setup

npm install ph-window

usage

<ph-window
    title="测试窗体"
    :visible="visible"
    w="960"
    h="600"
    @done="visible = false"
    @close="visible = false"
    @mask-click="visible = false"
>
    <template v-slot:side>
        <button class="ph-action">测试侧边</button>
        <button class="ph-action">测试侧边</button>
    </template>
    <p>阿斯利康减肥撒风</p>
    <p>阿斯利康减肥撒风</p>
    <p>阿斯利康减肥撒风</p>
    <p>阿斯利康减肥撒风</p>
    <p>阿斯利康减肥撒风</p>
    <p>阿斯利康减肥风</p>
    <template v-slot:action>
        <button>关闭</button>
        <button>确定</button>
    </template>
</ph-window>

intro

import PhWindow from 'ph-window'
interface PhWindow {
    max:{type:Boolean,default:true},
    alpha:{type:Boolean,default:true},//遮罩是否透明
    title:String,
    visible:Boolean,
    w:{type:[String,Number]},
    h:{type:[String,Number]}

    @close //关闭事件
    @mask-click //mask点击事件
}

在线案例

See 在线案例.