📝: 更新文档
This commit is contained in:
@@ -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:"默认就是右上,也是用得最多的"
|
||||
|
||||
@@ -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:[
|
||||
|
||||
@@ -13,9 +13,7 @@
|
||||
<ul class="layui-row layui-col-space6">
|
||||
<li class="layui-col-sm12">
|
||||
<div class="alone">
|
||||
<a
|
||||
href="http://layer.layui-vue.com/zh-CN/demo"
|
||||
target="_blank"
|
||||
<a href="http://layer.layui-vue.com/zh-CN/demo" target="_blank"
|
||||
>layer - vue<cite>通用型弹出层组件</cite></a
|
||||
>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user