stack

更新时间:

基本容器,子组件排列方式为层叠排列,每个直接子组件按照先后顺序依次堆叠,覆盖前一个子组件,支持子组件,支持通用属性

样式

支持<div> 样式,支持通用样式

事件

支持通用事件

stack组件的基本用法

基本容器,子组件排列方式为层叠排列,每个直接子组件按照先后顺序依次堆叠,覆盖前一个子组件
基本用法
<script>
export default {}
</script>

<template>
  <stack class="w-full h-full bg-white items-center justify-center">
    <div class="w-[400px] h-[400px] flex justify-start items-start bg-[#6a88e6]">
      <text class="text-[100px]">under</text>
    </div>
    <div class="w-[200px] h-[80px] bg-[#e8f3fe]">
      <text>above</text>
    </div>
  </stack>
</template>

<style>
@tailwind utilities;
</style>
复制代码
图标图标
图标图标
图标图标
上一篇
list-item
下一篇
swiper