[暂存] 待实现 dropdown 组件
This commit is contained in:
parent
ca490d6430
commit
eefc41e8b9
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="layui-tab">
|
||||
<div class="layui-tab">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this">网站设置</li>
|
||||
<li>用户管理</li>
|
||||
@ -8,18 +8,14 @@
|
||||
<li>订单管理</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
1. 高度默认自适应,也可以随意固宽。
|
||||
<br>2. Tab进行了响应式处理,所以无需担心数量多少。
|
||||
<div class="layui-tab-item layui-show"> 内容1 </div>
|
||||
<div class="layui-tab-item"> 内容2 </div>
|
||||
<div class="layui-tab-item"> 内容3 </div>
|
||||
<div class="layui-tab-item"> 内容4 </div>
|
||||
<div class="layui-tab-item"> 内容5 </div>
|
||||
</div>
|
||||
<div class="layui-tab-item">内容2</div>
|
||||
<div class="layui-tab-item">内容3</div>
|
||||
<div class="layui-tab-item">内容4</div>
|
||||
<div class="layui-tab-item">内容5</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="LayTab" lang="ts">
|
||||
|
||||
</script>
|
||||
|
@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<div class="layui-tab-item">
|
||||
<slot></slot>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup name="LayTabItem" lang="ts">
|
||||
|
Loading…
Reference in New Issue
Block a user