vue3-layer 1.0.12 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -53
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
# Vue3-Layer 弹出层
|
|
2
2
|
|
|
3
|
-
[](https://github.com/
|
|
4
|
-
[](https://github.com/
|
|
5
|
-
[]()
|
|
3
|
+
[](https://github.com/liicos/vue3-layer)
|
|
4
|
+
[](https://github.com/liicos)
|
|
5
|
+
[](http://vue-layer.then66.top)
|
|
6
6
|
|
|
7
7
|
vue3-layer 是一款基于 layer.js 上层封装的 vue3 组件，100%支持 layer.js 的 API
|
|
8
8
|
|
|
9
|
-
## 文档 (Document) 正在建设中...
|
|
10
|
-
|
|
11
9
|
## 通过 npm 或者 yarn 安装
|
|
12
10
|
|
|
13
11
|
```shell
|
|
@@ -17,51 +15,4 @@ npm install vue3-layer --save
|
|
|
17
15
|
yarn add vue3-layer
|
|
18
16
|
```
|
|
19
17
|
|
|
20
|
-
##
|
|
21
|
-
|
|
22
|
-
使用 CDN 引入
|
|
23
|
-
|
|
24
|
-
```html
|
|
25
|
-
<head>
|
|
26
|
-
<!-- 引入样式 -->
|
|
27
|
-
<link rel="stylesheet" href="//unpkg.com/vue3-layer/dist/s3layer.css" />
|
|
28
|
-
<!-- 引入 Vue -->
|
|
29
|
-
<script src="//unpkg.com/vue@next"></script>
|
|
30
|
-
<!-- 引入组件库 -->
|
|
31
|
-
<script src="//unpkg.com/vue3-layer/dist/s3layer.umd.min.js"></script>
|
|
32
|
-
</head>
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
## 使用
|
|
36
|
-
|
|
37
|
-
```vue
|
|
38
|
-
<template>
|
|
39
|
-
<s3-layer v-model="visible" :title="title" @success="success" @end="end">
|
|
40
|
-
<span>this is vue3-layer</span>
|
|
41
|
-
</s3-layer>
|
|
42
|
-
<button @click="visible = true">显示</button>
|
|
43
|
-
</template>
|
|
44
|
-
|
|
45
|
-
<script setup>
|
|
46
|
-
import { ref } from 'vue'
|
|
47
|
-
import { s3Layer } from 'vue3-layer'
|
|
48
|
-
import 'vue3-layer/dist/s3layer.css'
|
|
49
|
-
|
|
50
|
-
const visible = ref(false)
|
|
51
|
-
const title = ref('标题')
|
|
52
|
-
|
|
53
|
-
const success = (layero, index) => {
|
|
54
|
-
console.log('success', layero, index)
|
|
55
|
-
}
|
|
56
|
-
const end = () => {
|
|
57
|
-
console.log('end')
|
|
58
|
-
}
|
|
59
|
-
</script>
|
|
60
|
-
|
|
61
|
-
<style>
|
|
62
|
-
* {
|
|
63
|
-
margin: 0;
|
|
64
|
-
padding: 0;
|
|
65
|
-
}
|
|
66
|
-
</style>
|
|
67
|
-
```
|
|
18
|
+
## [文档 (Document)](http://vue-layer.then66.top)
|