theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[暂存] 待实现 dropdown 组件

Browse Source
This commit is contained in:
就眠仪式 2021-10-05 19:47:42 +08:00
parent ca490d6430
commit eefc41e8b9
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/module/tab/index.vue
View File

@ -1,25 +1,21 @@
<template>
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">网站设置</li>
<li>用户管理</li>
<li>权限分配</li>
<li>商品管理</li>
<li>订单管理</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
1. 高度默认自适应，也可以随意固宽。
<br>2. Tab进行了响应式处理，所以无需担心数量多少。
<div class="layui-tab">
<ul class="layui-tab-title">
<li class="layui-this">网站设置</li>
<li>用户管理</li>
<li>权限分配</li>
<li>商品管理</li>
<li>订单管理</li>
</ul>
<div class="layui-tab-content">
<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>

3
src/module/tabItem/index.vue
View File

@ -1,4 +1,7 @@
<template>
<div class="layui-tab-item">
<slot></slot>
</div>
</template>
<script setup name="LayTabItem" lang="ts">