vue3-layer 1.0.3 → 1.0.4
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 +62 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -2,6 +2,67 @@
|
|
|
2
2
|
|
|
3
3
|
[](https://github.com/xaboy/form-create)
|
|
4
4
|
[](https://github.com/xaboy)
|
|
5
|
-
[](
|
|
5
|
+
[]()
|
|
6
6
|
|
|
7
7
|
vue3-layer 是一款基于 layer.js 的 vue3 组件，100%支持 layer.js 的 API
|
|
8
|
+
|
|
9
|
+
## 文档 (Document) 正在建设中...
|
|
10
|
+
|
|
11
|
+
## 通过 npm 或者 yarn 安装
|
|
12
|
+
|
|
13
|
+
```shell
|
|
14
|
+
npm install vue3-layer --save
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
```shell
|
|
18
|
+
yarn add vue3-layer
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## 浏览器直接引入
|
|
22
|
+
|
|
23
|
+
使用 CDN 引入
|
|
24
|
+
|
|
25
|
+
```html
|
|
26
|
+
<head>
|
|
27
|
+
<!-- 引入样式 -->
|
|
28
|
+
<link rel="stylesheet" href="//unpkg.com/vue3-layer/dist/s3layer.css" />
|
|
29
|
+
<!-- 引入 Vue -->
|
|
30
|
+
<script src="//unpkg.com/vue@next"></script>
|
|
31
|
+
<!-- 引入组件库 -->
|
|
32
|
+
<script src="//unpkg.com/vue3-layer/dist/s3layer.umd.min.js"></script>
|
|
33
|
+
</head>
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## 使用
|
|
37
|
+
|
|
38
|
+
```vue
|
|
39
|
+
<template>
|
|
40
|
+
<s3-layer v-model="visible" :title="title" @success="success" @end="end">
|
|
41
|
+
<span>this is vue3-layer</span>
|
|
42
|
+
</s3-layer>
|
|
43
|
+
<button @click="visible = true">显示</button>
|
|
44
|
+
</template>
|
|
45
|
+
|
|
46
|
+
<script setup>
|
|
47
|
+
import { ref } from 'vue'
|
|
48
|
+
import { s3Layer } from 'vue3-layer'
|
|
49
|
+
import 'vue3-layer/dist/s3layer.css'
|
|
50
|
+
|
|
51
|
+
const visible = ref(false)
|
|
52
|
+
const title = ref('标题')
|
|
53
|
+
|
|
54
|
+
const success = (layero, index) => {
|
|
55
|
+
console.log('success', layero, index)
|
|
56
|
+
}
|
|
57
|
+
const end = () => {
|
|
58
|
+
console.log('end')
|
|
59
|
+
}
|
|
60
|
+
</script>
|
|
61
|
+
|
|
62
|
+
<style>
|
|
63
|
+
* {
|
|
64
|
+
margin: 0;
|
|
65
|
+
padding: 0;
|
|
66
|
+
}
|
|
67
|
+
</style>
|
|
68
|
+
```
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue3-layer",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"main": "dist/s3layer.umd.min.js",
|
|
5
5
|
"author": "legad",
|
|
6
6
|
"description": "基于 vue3 的Web 通用弹出层组件",
|
|
7
|
+
"homepage": "https://github.com/liicos/vue3-layer",
|
|
7
8
|
"scripts": {
|
|
8
9
|
"serve": "vue-cli-service serve",
|
|
9
10
|
"build": "vue-cli-service build",
|