@soei/pop v0.0.1

弹出窗口

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";