chore: 发布 0.4.2

This commit is contained in:
就眠儀式
2022-03-26 16:04:12 +08:00
parent ab6cc17281
commit a739d563e3
13 changed files with 136 additions and 13 deletions

View File

@@ -49,7 +49,7 @@ export default {
<template>
<div class="card-container">
<lay-card>
<template v-slot:header>
<template v-slot:title>
标题
</template>
<template v-slot:body>
@@ -114,6 +114,45 @@ export default {
:::
::: demo
<template>
<div class="card-container">
<lay-card>
<template v-slot:title>
标题
</template>
<template v-slot:extra>
更多
</template>
<template v-slot:body>
内容
</template>
</lay-card>
</div>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
<style>
.card-container {
background: whitesmoke;
padding: 20px;
}
</style>
:::
::: title Card 属性
:::

View File

@@ -412,6 +412,65 @@ export default {
:::
::: title 过渡动画
:::
::: demo
<template>
<lay-menu v-model:selectedKey="selectedKey" :collapse-transition="collapseTransition" v-model:openKeys="openKeys7" v-model:tree="isTree">
<lay-menu-item id="1">
<router-link to="">
<lay-icon type="layui-icon-home"></lay-icon>
首页
</router-link>
</lay-menu-item>
<lay-sub-menu id="7">
<template v-slot:title>
<router-link to="">
<lay-icon type="layui-icon-home"></lay-icon>
目录
</router-link>
</template>
<lay-menu-item id="8">
<router-link to="">
<lay-icon type="layui-icon-home"></lay-icon>
菜单
</router-link>
</lay-menu-item>
<lay-menu-item id="9">
<router-link to="">
<lay-icon type="layui-icon-home"></lay-icon>
菜单
</router-link>
</lay-menu-item>
</lay-sub-menu>
</lay-menu>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
const isTree = ref(true)
const collapseTransition = ref(false);
const selectedKey = ref("5")
const openKeys7 = ref(["7"])
return {
isTree,
openKeys7,
selectedKey,
collapseTransition
}
}
}
</script>
:::
::: title Menu 属性
:::

View File

@@ -40,12 +40,14 @@ export default {
::: demo
<template>
<lay-button @click="change1">切换-当前值 : {{value}}</lay-button>
<br/>
<br/>
<lay-select v-model="value">
<lay-select-option value="1" label="学习"></lay-select-option>
<lay-select-option value="2" label="编码"></lay-select-option>
<lay-select-option value="3" label="运动"></lay-select-option>
</lay-select>
<lay-button @click="change1">点击切换(当前值:{{value}})</lay-button>
</template>
<script>