init

.svn/pristine/04/04c3ea3facc3260ccbfa43aa3b6efeb05f5a5e7e.svn-base

@@ -0,0 +1,96 @@
+::: anchor
+:::
+
+::: title 基本介绍
+:::
+
+::: describe 预览图片。
+:::
+
+::: title 基本使用
+:::
+
+::: demo
+
+<template>
+   <lay-button type="primary" @click="signleImg">图片查看</lay-button>
+</template>
+
+<script>
+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 type="primary" @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 type="primary" @click="groupImg">图片分组</lay-button>
+</template>
+
+<script>
+import { layer } from  "@layui/layui-vue"
+
+const groupImg = function() {
+  layer.photos({
+    imgList:[
+      { src:'http://www.pearadmin.com/assets/images/un8.svg', alt:'图片1'},
+      { src:'http://www.pearadmin.com/assets/images/un32.svg', alt:'图片2'}
+    ]
+  })
+}
+</script>
+
+:::
+
+::: title 组件方法
+:::
+
+```
+layer.photos(options)
+```
+
+::: title 组件属性
+:::
+
+::: table
+
+| 属性                | 描述   | 备注 |
+| ------------------- | ------ | ----|
+| options | 选配属性 | { time: 加载时长, icon: 图标 }   |
+
+:::
+
+::: contributor msg
+:::  
+
+::: previousNext msg
+:::