@soei/pop
v0.0.1
Published
Vue组件, 弹出展示框 <Pop dark .../>
Downloads
9
Maintainers
Readme
弹出窗口
Vue3
引入方式
<script>
import pop from "@soei/pop/dist/Pop.js";
</script>
<!-- 非 <style scoped> scoped-->
<style>
@import "@soei/pop/dist/style.css";
</style>
或
// main.js
import "@soei/pop/dist/style.css";
import pop from "@soei/pop/dist/Pop.js";
Vue.use(pop);
// use.vue
<s-pop ...></s-pop>
安装
npm i @soei/pop
引用
// 引入方式 vue
import Pop from "@soei/pop";
使用
<Pop
:visible="visible"
dark
[tr|rt|rb|br|lt|tl|lb|bl]
center
duration="0.5s"
width="100% / 3"
height="100% - 220px"
>
...
</Pop>
<Pop [attrs]></Pop>
dark
黑色
// 格式
Number;
dark;
visible
显示
| 隐藏
// 格式
Boolean;
:visible="true";
center
居中
参照 tr
| rt
// 格式
center;
inset
偏移量
:inset="[0,10]"
tr
| rt
| rb
| br
| lt
| tl
| lb
| bl
黑色
:inset
内的索引和 tr 的顺序优化 inset=[top
, right
] 的取值 取值参照 tr
| 'rt'顺序
位置
tr
...
duration
动画执行时间
duration = "0.5s";
width
显示宽
width = "100% / 3";
height
显示高度
height = "100% - 220px";