安装与调用
引用下面CSS文件：
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/hope/ui/Rel/tab.css">
引用下面的JS文件：
<script type="module" src="https://qidian.gtimg.com/lulu/hope/ui/Rel/tab.js"></script>
支持es6 import的使用方式：
<script type="module">
import 'https://qidian.gtimg.com/lulu/hope/ui/Rel/tab.js';
</script>
<ui-tab> 选项卡切换
样式内置，同时有一些优化与定制的选项卡效果。
使用如下所示的 HTML 结构：
<ui-tabs> > <ui-tab>
切换面板元素推荐使用下面的 HTML 结构：
<ui-tab-contents> > <ui-tab-content>
无需指定 name 属性值，组件会自动成组。
效果和源码参见：
点击上方的选项卡按钮，可以看到切换效果。
每次进来，图片会重载一次，高度随机。演示选项卡切换事件是如何触发的。
<ui-tabs>
<ui-tab target="tt1" open>选项卡文档</ui-tab>
<ui-tab target="tt2">业务JS分离演示</ui-tab>
</ui-tabs>
<ui-tab-contents>
<ui-tab-content id="tt1" class="active"></ui-tab-content>
<ui-tab-content id="tt2"></ui-tab-content>
</ui-tab-contents>