directions-modal
v1.0.2
Published
封装的弹出模态框,自定义模态框中内容的 zujian
Downloads
3
Readme
directionsModal
封装的弹出模态框,自定义模态框中内容的 zujian
下载
npm i directions-modal
引入
import directionsModal from 'directions-modal'
使用
<directionsModal><div><h1>模态框</h1></div></directionsModal>
实例
<div class="Overlay">
<button @click="showclick">打开遮罩层</button>
<directionsModal :point="'right'" :show="isshow" :bgcolor="'yellow'" :modelwidth="'300px'" :modelHeight="'50%'">
<input type="text" placeholder="请输入" />
<h1>看看模态框</h1>
</directionsModal>
</div>
ts 代码
import { ref } from 'vue'
const isshow = ref<Boolean>(true)
const showclick = () => {isshow.value = !isshow.value}