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>
复制代码
图标图标
图标图标
图标
上一篇
drawer
下一篇
cellular-list
以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈