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

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

@ -1,5 +1,5 @@
<template> <template>
<div class="layui-tab"> <div class="layui-tab">
<ul class="layui-tab-title"> <ul class="layui-tab-title">
<li class="layui-this">网站设置</li> <li class="layui-this">网站设置</li>
<li>用户管理</li> <li>用户管理</li>
@ -8,18 +8,14 @@
<li>订单管理</li> <li>订单管理</li>
</ul> </ul>
<div class="layui-tab-content"> <div class="layui-tab-content">
<div class="layui-tab-item layui-show"> <div class="layui-tab-item layui-show"> 内容1 </div>
1. 高度默认自适应，也可以随意固宽。 <div class="layui-tab-item"> 内容2 </div>
<br>2. Tab进行了响应式处理，所以无需担心数量多少。 <div class="layui-tab-item"> 内容3 </div>
<div class="layui-tab-item"> 内容4 </div>
<div class="layui-tab-item"> 内容5 </div>
</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>
</div>
</template> </template>
<script setup name="LayTab" lang="ts"> <script setup name="LayTab" lang="ts">
</script> </script>

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

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