drawer-navigation
更新时间:
<drawer>的子组件,用来展示具体的抽屉内容
子组件
支持
属性
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
direction | start | end | up | down | start | 否 | drawer-navigation 的滑出方向,支持 start/end/up/down。如果多个 drawer-navigation 重复设置同样的值,则添加第一个 drawer-navigation。 |
样式
支持通用样式
drawer-navigation组件示例
基础用法
<template>
<drawer>
<div class="wrapper">
<text>page content</text>
</div>
<drawer-navigation direction="up">
<div class="wrapper up">
<text>drawer-up</text>
</div>
</drawer-navigation>
</drawer>
</template>
<script>
export default {}
</script>
<style>
.wrapper {
width: 480px;
height: 480px;
background-color: #fff;
align-items: center;
justify-content: center;
}
text {
font-size: 80px;
}
.up {
background-color: #4682b4;
}
</style>
复制代码