(component): 补充头像案例说明

This commit is contained in:
就眠儀式 2022-10-16 11:03:38 +08:00
parent e994893bfc
commit 8fb2897d19
3 changed files with 6 additions and 5 deletions

View File

@ -17,9 +17,9 @@ import {
onUnmounted, onUnmounted,
nextTick, nextTick,
computed, computed,
reactive,
StyleValue, StyleValue,
} from "vue"; } from "vue";
export interface LayAiffxProps { export interface LayAiffxProps {
offset?: number; offset?: number;
target?: HTMLElement; target?: HTMLElement;
@ -33,6 +33,7 @@ const props = withDefaults(defineProps<LayAiffxProps>(), {
return document.body; return document.body;
}, },
}); });
const emit = defineEmits(["scroll"]); const emit = defineEmits(["scroll"]);
const outWindow = ref(false); const outWindow = ref(false);
const dom = ref(); const dom = ref();

View File

@ -10,4 +10,4 @@ export default {
<div class="layui-avatar-list"> <div class="layui-avatar-list">
<slot></slot> <slot></slot>
</div> </div>
</template> </template>

View File

@ -41,7 +41,7 @@ export default {
::: title 圆角头像 ::: title 圆角头像
::: :::
::: demo ::: demo 通过 `radius` 属性, 开启头像圆角。
<template> <template>
<lay-avatar :src="src" radius></lay-avatar> <lay-avatar :src="src" radius></lay-avatar>
@ -66,7 +66,7 @@ export default {
::: title 尺寸大小 ::: title 尺寸大小
::: :::
::: demo ::: demo 通过 `size` 属性, 设置头像大小。
<template> <template>
<lay-avatar :src="src" size="xs"></lay-avatar> <lay-avatar :src="src" size="xs"></lay-avatar>
@ -98,7 +98,7 @@ export default {
::: title 头像列表 ::: title 头像列表
::: :::
::: demo ::: demo 通过 `lay-avatar-list` 标签, 创建头像列表。
<template> <template>
<lay-avatar-list> <lay-avatar-list>