✨(component): 补充头像案例说明
This commit is contained in:
parent
e994893bfc
commit
8fb2897d19
@ -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();
|
||||||
|
@ -10,4 +10,4 @@ export default {
|
|||||||
<div class="layui-avatar-list">
|
<div class="layui-avatar-list">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user