📝: 更新文档

This commit is contained in:
就眠儀式
2022-07-07 12:31:50 +08:00
parent b4e67b46c6
commit 7ad08fde58
7 changed files with 79 additions and 15 deletions

View File

@@ -16,6 +16,32 @@
<lay-row :space="30" >
<lay-col :span="24">
<lay-button type="primary" @click="baseNotifiy">右上位置</lay-button>
</lay-col>
</lay-row>
</template>
<script>
import { layer } from "@layui/layer-vue"
const baseNotifiy = function() {
layer.notifiy({
title:"这是标题",
content:"默认就是右上,也是用得最多的"
})
}
</script>
:::
::: title 不同位置
:::
::: demo
<template>
<lay-row :space="30" >
<lay-col :span="24">
<lay-button type="primary" @click="baseNotifiyRT">右上位置</lay-button>
<lay-button type="primary" @click="baseNotifiyRB">右下位置</lay-button>
<lay-button type="primary" @click="baseNotifiyLT">左上位置</lay-button>
<lay-button type="primary" @click="baseNotifiyLB">左下位置</lay-button>
@@ -26,7 +52,7 @@
<script>
import { layer } from "@layui/layer-vue"
const baseNotifiy = function() {
const baseNotifiyRT = function() {
layer.notifiy({
title:"这是标题",
content:"默认就是右上,也是用得最多的"

View File

@@ -7,15 +7,13 @@
::: describe 预览图片。
:::
::: title 指定图标
::: title 基本使用
:::
::: demo
<template>
<lay-button @click="signleImg">图片查看</lay-button>
<lay-button @click="signleImg2">图片标题</lay-button>
<lay-button @click="groupImg">图片分组</lay-button>
</template>
<script>
@@ -24,11 +22,43 @@ import { layer } from "@layui/layui-vue"
const signleImg = function() {
layer.photos("http://www.pearadmin.com/assets/images/un1.svg")
}
</script>
:::
::: title 设置标题
:::
::: demo
<template>
<lay-button @click="signleImg2">图片标题</lay-button>
</template>
<script>
import { layer } from "@layui/layui-vue"
const signleImg2 = function() {
layer.photos({
imgList:[{src:'http://www.pearadmin.com/assets/images/un2.svg',alt:'layer for vue'}]
})
}
</script>
:::
::: title 图片分组
:::
::: demo
<template>
<lay-button @click="groupImg">图片分组</lay-button>
</template>
<script>
import { layer } from "@layui/layui-vue"
const groupImg = function() {
layer.photos({
imgList:[